第十二章:第25节JavaScript内置对象——screen对象、navigator对象、location对象、history对象

更新于:2017-11-09 14:11:39

简单了解下screen、navigator、location、history这四个对象。


screen屏幕对象

1.png


width:屏幕的宽度

height:屏幕的高度

availWidth:屏幕的有效宽度,不含任务栏

availHeight:屏幕的有效高度,不含任务栏

举例:var width = window.screen.width;


1.png

1.png


screen对象只有几个属性没有方法。


navigator对象

navigator 对象包含有关浏览器的信息。


1.png


appName:浏览器的名称,Firefox的名称为“Netscape”,IE的名称“Microsoft Internet Explore”

appVersion:浏览器的版本号

systemLanguage:操作系统的语言

userLanguage:用户语言

platform:操作平台


1.png

1.png


location对象

location 对象包含有关当前 URL 的信息。


1.png


href:设置或获取地址栏中完整的URL。

host:主机名称和端口号。如:127.0.0.1:808

hostname:主机名称或域名。如:www.sina.com.cn

pathname:完整的路径名称。

search:查询字符串。“?”以及之后的信息(除锚点外)

protocol:协议,http:

hash:锚点名称。“#top”

reload([true]):刷新网页,相当于F5键。参数true表示强制网页,相当于shift+F5


location对象的href属性很实用,常用它实现页面跳转功能。


如:location.href=“https://www.phpnanshen.com”,页面自动跳转到“www.phpnanshen.com”页面上。


PHP(使用header函数)、JS、HTML(使用meta标签)都可以实现页面自动跳转的功能,平时用得最多的还是用JS实现跳转。


history对象

history 对象包含用户(在浏览器窗口中)访问过的 URL。


1.png

length:历史记录的长度

go(n):既可以实现前进,也可以实现后退按钮。n可以为正,也可以为负。

  history.go(1)   相当于“前进”按钮

  history.go(-1)   相当于“后退”按钮

  history.go(-3)   “后退”三步

forward():相当于浏览器中的“前进”按钮

back():相当于浏览器中的“后退”按钮


本节学习代码》》》