码迷,mamicode.com
首页 > Web开发 > 详细

js浏览器对象的属性和方法

时间:2016-10-26 16:30:59      阅读:207      评论:0      收藏:0      [点我收藏+]

标签:任务栏   关闭窗口   客户机   replace   https   获取   top   屏幕宽度   高度   

1.window对象

        /*1.计算浏览器窗口大小*/
        //不算滚动条:
        var width = window.innerWidth;
        var height = window.innerHeight;
        document.write("浏览器窗口宽度:"+width+",浏览器窗口高度:"+height+"<br/>");

        //算滚动条:
        var outerWidth = window.outerWidth;
        var outerHeight = window.outerHeight;
        document.write("外部浏览器窗口宽度:"+outerWidth+",外部浏览器窗口高度:"+outerHeight+"<br/>");

        /*2.打开新窗口*/
        function openWin(){
            window.open("http://www.baidu.com","MyWindow","width=300,height=200,left=50,top=100")
        }
        function openWin(){
            var myW = window.open("xxx.html","MyWindow","width=300,height=200,left=50,top=100");
            myW.document.write("这是一个新窗口");
        }

        /*3.关闭窗口*/
        function closeWin(){
            window.close();
        }

        /*4.打印*/
        function printWin(){
            window.print();
        }
            

2.Screen对象

window.screen对象在编写的时候可以不使用window前缀。

        /*1.获取屏幕宽高*/
        //可用屏幕宽度(不包括任务栏等)
        var availWidth = screen.availWidth;
        //可用屏幕高度(不包括任务栏等)
        var availHeight = screen.availHeight;

        document.write("屏幕可用宽度:"+availWidth+",屏幕可用高度:"+availHeight+"<br/>");

        //屏幕总宽度(包括任务栏)
        var screenWindh = screen.width;
        //屏幕总高度(包括任务栏)
        var screenHeight = screen.height;

        document.write("屏幕总宽度:"+screenWindh+",屏幕总高度:"+screenHeight+"<br/>");

3.Location对象

window.location对象在编写的时候可以不使用window前缀。

Location对象的属性:

1)返回完整URL:location.href

2)返回一个URL的主机名和端口:location.host

3)返回URL的主机名:location.hostname

4)返回web主机的端口(80或443):location.port

5)返回所使用的web协议(http://或https://):location.protocol

Location对象的方法:

        /*1.重新载入新的页面*/
        function assignNew(){
            window.location.assign("http://www.baidu.com");
        }
        /*2.重新载入当前页面*/
        function reloadCur(){
            window.location.reload();
        }
        /*3.替换新的页面*/
        function replaceNew(){
            window.location.replace("http://www.baidu.com");
        }

4.History对象

提供一些访问历史信息的属性和方法。

属性:

history.length:返回历史列表中的网页数。

方法:

/*1.前进一个页面*/
        function forwardPage(){
            window.history.forward();
        }
        /*2.回退到前一个页面*/
        function backPage(){
            window.history.back();
        }
        /*3.前进n页*/
        function goPage(){
            window.history.go(1);//历史记录后一页是1,前一页是-1
        }

5.Navigator对象

navigator对象包含有关浏览器的信息

属性:

1)appCodeName:浏览器代码名

2)appName:浏览器名称

3)appVersion:浏览器平台和版本信息

4)cookieEnabled:浏览器是否启用cookie

5)platform:运行浏览器的操作系统平台

6)userAgent:返回有客户机发送服务器的user-agent头部的值

需要注意,来自navigator对象的信息具有误导性,不应该用于检测浏览器版本,这是因为:

  • navigator数据可被浏览器使用者更改
  • 一些浏览器对测试站点会识别错误
  • 浏览器无法报告晚于浏览器发布的新操作系统

 

js浏览器对象的属性和方法

标签:任务栏   关闭窗口   客户机   replace   https   获取   top   屏幕宽度   高度   

原文地址:http://www.cnblogs.com/weirihan/p/6000648.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!