JavaScript Window(9/12)

2017-09-13  本文已影响0人  BaibaiWang
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>
上一篇下一篇

猜你喜欢

热点阅读