首页 > 代码库 > 前台啊，就是这么杂！

前台啊，就是这么杂！

2024-08-02 05:18:48   211人阅读

Window 尺寸

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

  • window.innerHeight - 浏览器窗口的内部高度
  • window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5：

  • document.documentElement.clientHeight
  • document.documentElement.clientWidth

或者

  • document.body.clientHeight
  • document.body.clientWidth

实用的 JavaScript 方案（涵盖所有浏览器）：

实例

var w=window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h=window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
window.screen 对象包含有关用户屏幕的信息。
Window Screen
window.screen 对象在编写时可以不使用 window 这个前缀。
一些属性：
  • screen.availWidth - 可用的屏幕宽度
  • screen.availHeight - 可用的屏幕高度
window.location 对象用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。
Window Location
window.location 对象在编写时可不使用 window 这个前缀。
一些例子：
  • location.hostname 返回 web 主机的域名
  • location.pathname 返回当前页面的路径和文件名
  • location.port 返回 web 主机的端口 （80 或 443）
  • location.protocol 返回所使用的 web 协议（http:// 或 https://）
Window Location Href
location.href 属性返回当前页面的 URL。
实例
返回（当前页面的）整个 URL：
<script>

document.write(location.href);

</script>

以上代码输出为：
http://www.w3school.com.cn/js/js_window_location.asp
Window Location Pathname
location.pathname 属性返回 URL 的路径名。
实例
返回当前 URL 的路径名：
<script>

document.write(location.pathname);

</script>

以上代码输出为：
/js/js_window_location.asp
Window Location Assign
location.assign() 方法加载新的文档。
实例
加载一个新的文档：
<html>
<head>
<script>
function newDoc()
  {
  window.location.assign("http://www.w3school.com.cn")
  }
</script>
</head>
<body>

<input type="button" value=http://www.mamicode.com/"加载新文档" onclick="newDoc()">>
前台啊，就是这么杂！






























        

            
                
                  
                
                

                    联系

                    我们