HTML5中国

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 783|回复: 0

[笔记] js之window对象

[复制链接]
  • TA的每日心情
    奋斗
    2016-4-10 20:41
  • 签到天数: 4 天

    [LV.2]偶尔看看I

    发表于 2015-12-8 17:23:54 | 显示全部楼层 |阅读模式
    本帖最后由 474569696 于 2015-12-9 20:43 编辑

    Window 对象
    所有浏览器都支持 window 对象。它表示浏览器窗口。
    所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。
    全局变量是 window 对象的属性。
    全局函数是 window 对象的方法。
    甚至 HTML DOM 的 document 也是 window 对象的属性之一:
    window.document.getElementById("header")==document.getElementById("header");
    Window 尺寸
    有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)。
    1.对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari:
        window.innerHeight - 浏览器窗口的内部高度
        window.innerWidth - 浏览器窗口的内部宽度
    2.对于 Internet Explorer 8、7、6、5:
        document.documentElement.clientHeight
        document.documentElement.clientWidth
    3.或者
        document.body.clientHeight
        document.body.clientWidth
    实用的 JavaScript 方案(涵盖所有浏览器):
    1. var w=window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    2. var h=window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
    复制代码
    Window Screen
        screen.availWidth - 可用的屏幕宽度
        screen.availHeight - 可用的屏幕高度screen.availHeight 属性返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏。

    window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面。

        location.hostname 返回 web 主机的域名
        location.pathname 返回当前页面的路径和文件名/js/js_window_location.asp
        location.port 返回 web 主机的端口 (80 或 443)
        location.protocol 返回所使用的 web 协议(http:// 或 https://)
       
    Window Location Assign加载新的文档。
    window.location.assign("http://www.w3school.com.cn")

    Window History

        history.back() - 与在浏览器点击后退按钮相同
        history.forward() - 与在浏览器中点击按钮向前相同
       
    Window Navigator对象在编写时可不使用 window 这个前缀

    1. <div id="example"></div>
    2. <script>
    3.     txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";
    4.     txt+= "<p>Browser Name: " + navigator.appName + "</p>";
    5.     txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";
    6.     txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";
    7.     txt+= "<p>Platform: " + navigator.platform + "</p>";
    8.     txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";
    9.     txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";
    10.     document.getElementById("example").innerHTML=txt;
    11. </script>
    复制代码
    来自 navigator 对象的信息具有误导性,不应该被用于检测浏览器版本,这是因为navigator 数据可被浏览器使用者更改,浏览器无法报告晚于浏览器发布的新操作系统。由于 navigator 可误导浏览器检测,使用对象检测可用来嗅探不同的浏览器。
    1.由于只有 Opera 支持属性 "window.opera",您可以据此识别出 Opera。
    1. if (window.opera) {...some action...}
    复制代码
    2.谷歌浏览器
    1. var isChrome = navigator.userAgent.toLowerCase().match(/chrome/) != null
    2. if(isChrome){alert("是")}
    复制代码
    3.火狐浏览器
    1. var isfirefox = navigator.userAgent.toLowerCase().match(/firefox/) != null
    2. if(isfirefox){alert("是")}
    复制代码
    4.IE
    1. var isie= navigator.userAgent.toLowerCase().match(/(ie)|(clr)|(msie)/) != null
    2. if(isie){alert("是")}
    复制代码
    5.ie8
    1. var isie8 = navigator.userAgent.toLowerCase().match(/.(msie)[\/: ]([8.]+)/) != null
    2. if(isie8){alert("是")}
    复制代码
    JavaScript 计时事件
    1. var setTimeout_variable=setTimeout("alert('5 seconds!')",5000)
    2.    未来的某时执行代码
    3. clearTimeout(setTimeout_variable)
    4.     取消setTimeout()
    复制代码

    HTML5中国微信

    小黑屋|关于我们|HTML5论坛|友情链接|手机版|HTML5中国 ( 京ICP备11006447号 京公网安备:11010802018489号  

    GMT+8, 2017-1-19 04:08

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表