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

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