作者qrtt1 (愚人)
看板Ajax
标题Re: [问题] javascript 取得浏览器长宽的问题
时间Tue Oct 9 10:57:44 2007
※ 引述《kewl (痴)》之铭言：
: 取得浏览器长跟宽我知道可以用下面的用法
: var w = windows.document.body.clientWidth // 取得 width
: var h = windows.document.body.clientHeight // 取得 height
: 那请问有没有办法在浏览器的大小改变的同时改变 w 跟 h 的值阿
: 或是请问 javascript 有办法取得 "改变视窗大小" 这个事件吗
: 多谢指点罗 :)
关於长宽的东西，可以参考别人的 code :P
http://interface.eyecon.ro
这是 jQuery 的 interface plugin
=================================================================== iutil.js
getClient : function(e)
{
var h, w, de;
if (e) {
w = e.clientWidth;
h = e.clientHeight;
} else {
de = document.documentElement;
w = window.innerWidth || self.innerWidth || (de&&de.clientWidth) ||
document.body.clientWidth;
h = window.innerHeight || self.innerHeight || (de&&de.clientHeight) ||
document.body.clientHeight;
}
return {w:w,h:h};
============================================================================
getSize : function(e)
{
var w = jQuery.css(e,'width');
var h = jQuery.css(e,'height');
var wb = 0;
var hb = 0;
var es = e.style;
if (jQuery(e).css('display') != 'none') {
wb = e.offsetWidth;
hb = e.offsetHeight;
} else {
oldVisibility = es.visibility;
oldPosition = es.position;
es.visibility = 'hidden';
es.display = 'block';
es.position = 'absolute';
wb = e.offsetWidth;
hb = e.offsetHeight;
es.display = 'none';
es.position = oldPosition;
es.visibility = oldVisibility;
}
return {w:w, h:h, wb:wb, hb:hb};
},
==========================================================================
把这些片段独立出来用也是不错的方法，
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="javascript">
function getClient(e)
{
var h, w, de;
if (e) {
w = e.clientWidth;
h = e.clientHeight;
} else {
de = document.documentElement;
w = window.innerWidth || self.innerWidth
|| (de&&de.clientWidth) || document.body.clientWidth;
h = window.innerHeight || self.innerHeight
|| (de&&de.clientHeight) || document.body.clientHeight;
}
// test it.
// alert(h+":"+w);
return {w:w,h:h};
}
</script>
</head>
<body>
<a href="#" onclick="getClient(this.window);return false;">link</a>
</body>
</html>
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.128.219.202
1F：→ kewl:下面独立出来那个不错 多谢:) 10/09 20:08