JavaScript Window(9/12)

字数 326阅读 18
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>

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
  • JS简介 外部JavaScript中文件的文件扩展名为.js,如果使用外部文件,那么标签需要设置它的src属性为文...
  • 第1章 认识JS JavaScript能做什么?1.增强页面动态效果(如:下拉菜单、图片轮播、信息滚动等)2.实现...
  • window对象是所有客户端JavaScript特性和API的主要接入点。 常用方法 alert 弹出一个对话框用...
  • 妖魂夜袭北窗,妄斩狂思热浪。往时休想!冷月不知几寒光,薄衣三月泪俩行,蜡灰覆旧伤。远望尘光,长叹!咫尺天涯路,尽是...