js与浏览器相关技术总结

window 对象

window 对象不但充当全局作用域,而且表示浏览器窗口。

navigator

navigator对象表示浏览器的信息,最常用的属性包括:

navigator.appName:浏览器名称;
navigator.appVersion:浏览器版本;
navigator.language:浏览器设置的语言;
navigator.platform:操作系统类型;
navigator.userAgent:浏览器设定的User-Agent字符串。

但是,navigator的值很容易被用户修改,所以JavaScript读取的值不一定是正确的。所以一般的if…else判断不一定准确,这种情况我们可以使用 “短路运算符 ||”来做判断。

screen

screen对象表示屏幕的信息,常用的属性有:

screen.width:屏幕宽度,以像素为单位;
screen.height:屏幕高度,以像素为单位;
screen.colorDepth:返回颜色位数,如8、16、24。

location

location对象表示当前页面的URL信息

例如,一个完整的URL:
http://www.example.com:8080/path/index.html?a=1&b=2#TOP
可以用location.href获取。要获得URL各个部分的值,可以这么写:

location.protocol; // ‘http’
location.host; // ‘www.example.com
location.port; // ‘8080’
location.pathname; // ‘/path/index.html’
location.search; // ‘?a=1&b=2’
location.hash; // ‘TOP’

document

document对象表示当前页面。由于HTML在浏览器中以DOM形式表示为树形结构,document对象就是整个DOM树的根节点。

document的title属性是从HTML文档中的xxx读取的,但是可以动态改变:

发布了19 篇原创文章 · 获赞 19 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/an_xinyu/article/details/83510092