美文网首页
JavaScript Window(9/12)

JavaScript Window(9/12)

作者: BaibaiWang | 来源:发表于2017-09-13 08:26 被阅读0次
    JavaScript Window Screen

    window.screen 对象包含有关用户屏幕的信息
    window.screen对象在编写时可以不使用 window 这个前缀
    一些属性:
    screen.availWidth - 可用的屏幕宽度
    返回访问者屏幕的宽度,以像素计,减去界面特性,比如窗口任务栏

    <script>
    document.write("可用宽度: " + screen.availWidth);
    </script>
    

    screen.availHeight - 可用的屏幕高度
    返回访问者屏幕的高度,以像素计,减去界面特性,比如窗口任务栏

    <script>
    document.write("可用高度: " + screen.availHeight);
    </script>
    
    JavaScript Window Location

    window.location 对象用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面
    window.location 对象在编写时可不使用 window 这个前缀
    一些实例:
    location.hostname返回 web 主机的域名
    location.pathname返回当前页面的路径和文件名
    location.port返回 web 主机的端口 (80 或 443)
    location.protocol返回所使用的 web 协议(http:// 或 https://)
    location.href属性返回当前页面的 URL

    location.assign() 方法加载新的文档

    <script>
    function newDoc(){
        window.location.assign("http://www.w3cschool.cc")
    }
    </script>
    <body>
    <input type="button" value="加载新文档" onclick="newDoc()">
    </body>
    
    JavaScript Window History

    window.history 对象包含浏览器的历史
    为了保护用户隐私,对 JavaScript 访问该对象的方法做出了限制。
    一些方法:
    history.back() - 与在浏览器点击后退按钮相同
    history.forward() - 与在浏览器中点击按钮向前相同

    <html>
    <head>
    <script>
    function goBack()
      {
      window.history.back()
      }
    </script>
    </head>
    <body>
    
    <input type="button" value="Back" onclick="goBack()">
    
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:JavaScript Window(9/12)

          本文链接:https://www.haomeiwen.com/subject/bhqksxtx.html