js获取屏幕宽度高度 js中window.open用法

发布时间:2020-10-13编辑:脚本学堂
本文介绍了js获取屏幕宽度与屏幕高度的方法,以及windows.open的用法,有需要的朋友参考下。

例子,最简单的js获取屏幕宽度与高度。
 

复制代码 代码示例:
<script>    
alert(screen.width + "*" + screen.height)       
</script>

输出当前屏幕的宽度和高度;
 

复制代码 代码示例:
<script  language="javascript">    
    var s = "网页可见区域宽:" + document.body.clientwidth;    
    s += "rn网页可见区域高:" + document.body.clientheight;    
    s += "rn网页正文全文宽:" + document.body.scrollwidth;    
    s += "rn网页正文全文高:" + document.body.scrollheight;    
    s += "rn网页正文部分上:" + window.screentop;    
    s += "rn网页正文部分左:" + window.screenleft;    
    s += "rn屏幕分辨率的高:" + window.screen.height;    
    s += "rn屏幕分辨率的宽:" + window.screen.width;    
    s += "rn屏幕可用工作区高度:" + window.screen.availheight;    
    s += "rn屏幕可用工作区宽度:" + window.screen.availwidth;    
    alert(s);       
</script>
 

document.body.clientwidth ==> body对象宽度
 document.body.clientheight ==> body对象高度
 document.documentelement.clientwidth ==> 可见区域宽度
 document.documentelement.clientheight ==> 可见区域高度

相关链接:js获取浏览器宽度 屏幕宽度 显示器分辨率

输出网页的各部分宽高值;
 

复制代码 代码示例:
<script>           
 window.open('default.aspx', 'newwindow', 'height=500, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')    
</script>
 

window.open的用法:
default.aspx:要打开的页面
newwindow:窗口名称,也可以为_self,_blank等参数
height:窗口高度
width:窗口宽度
toolbar:是否显示工具栏(yes,no)
menubar:是否显示菜单栏(yes,no)
scrollbars:是否出现滚动条(yes,no)
resizable:是否可以改变窗口大小(yes,no)
location:是否显示地址栏(yes,no)
status:是否显示状态栏(yes,no)
top,left:窗口打开时的坐标;
 

复制代码 代码示例:
<script>   
function centerwindow(url, w, h) {   
l = (screen.width - w) / 2   
t = (screen.height - h) / 2   
window.open(url, '', "height=" + w + ",width=" + h + ",top=" + t + ",left=" + l + "");   
 }      
</script>      
<input  type="button"  onclick="centerwindow('http://www.youth21.i.sohu.com','400','400')"/>
 

打开一个新的页面居中显示;打开空白页centerwindow(’about:blank’,800,500)
 

复制代码 代码示例:
<script  language="javascript">    
    redirectpage();    
    function redirectpage() {    
        /*var  url640x480  =  "http://www.baidu.com";**记得改相应的页面*/
        var url800x600 = "http://www.baidu.com";    
        var url1024x768 = "http://youth21.i.sohu.com";    
        /*if  ((screen.width  ==  640)  &&  (screen.height  ==  480))       
        window.location.href=  url640x480;*/
        if (screen.width <= 800)    
            window.location.href = url800x600;    
        else if ((screen.width >= 1024))    
            window.location.href = url1024x768;    
    }     
</script>
 

根据分辨率大小或屏幕宽度打开不同的页面。