简单了解下screen、navigator、location、history这四个对象。
width:屏幕的宽度
height:屏幕的高度
availWidth:屏幕的有效宽度,不含任务栏
availHeight:屏幕的有效高度,不含任务栏
举例:var width = window.screen.width;
screen对象只有几个属性没有方法。
navigator 对象包含有关浏览器的信息。
appName:浏览器的名称,Firefox的名称为“Netscape”,IE的名称“Microsoft Internet Explore”
appVersion:浏览器的版本号
systemLanguage:操作系统的语言
userLanguage:用户语言
platform:操作平台
location 对象包含有关当前 URL 的信息。
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 对象包含用户(在浏览器窗口中)访问过的 URL。
length:历史记录的长度
go(n):既可以实现前进,也可以实现后退按钮。n可以为正,也可以为负。
history.go(1) 相当于“前进”按钮
history.go(-1) 相当于“后退”按钮
history.go(-3) “后退”三步
forward():相当于浏览器中的“前进”按钮
back():相当于浏览器中的“后退”按钮