窗口大小

最新推荐文章于 2013-12-25 11:37:13 发布

孤长风

最新推荐文章于 2013-12-25 11:37:13 发布

阅读量93

点赞数

分类专栏： javascript 文章标签： xhtml javascript ViewUI

本文链接：https://blog.csdn.net/highflys/article/details/84391679

版权

javascript 专栏收录该内容

27 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>窗口大小</title>
<script language="javascript" type="text/javascript">
/*
firefox 、safari、opera、chrome 均为此提供了4个属性：innerWidth,innerHeight,outerWidth,outerHeight
但IE却没有提供取得当前浏览器窗口大小的属性；不过它却通过Dom提供了页面可见区域的相关信息。document.documentElement.clientWidth,document.documentElement.clientHeight
中保存了页面视口的信息。在IE6中这些属性必须在标准模式下才有效。如果是混杂模式，就必须通过document.body.clientWidht ,document.body.clientHeight来获取
判断浏览器模式用document.compatMode
if(document.compatMode=="CSS1Compat"){
return "标准模式"
}
else if(document.compatMode=="BackCompat"){
return "混合模式"
}
*/
window.οnlοad=function(){

var pageWidth = window.innerWidth,pageHeight=window.innerHeight;
if(typeof pageWidth != "number"){
if(document.compatMode=="CSS1Compat"){
    pageWidth = document.documentElement.clientWidth;
      pageHeight = document.documentElement.clientHeight;
}else{
    pageWidth = document.body.clientWidth;
      pageHeight = document.body.clientHeight;
}
}
//alert("宽度:"+pageWidth+" 高度:"+pageHeight);
//打开弹出框页面
//window.open("http://www.baidu.com","","width=400,height=400,resizable=no,toolbar=no,status=no,scrollbars=no,location=no,menubar=no");
//window.find();
//window.print();

}
</script>
</head>

<body>
</body>
</html>

孤长风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
窗口大小

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
复制链接

扫一扫

专栏目录