JavaScript之浏览器对象_动力节点Java学院整理

　　

JavaScript可以获取浏览器提供的很多对象,并进行操作。

　　

　　

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

　　

窗口对象有innerWidth和innerHeight属性,可以获取浏览器窗口的内部宽度和高度。内部宽高是指除去菜单栏,工具栏,边框等占位元素后,用于显示网页的净宽高。

　　

兼容性:IE<=8不支持。

　　 　　//可以调整浏览器窗口大小试试: 　　alert('窗口内大小:' +窗口。innerWidth + x + window.innerHeight); 　　 　　

对应的,还有一个outerWidth和outerHeight属性,可以获取浏览器窗口的整个宽高。
　　

　　

　　

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

　　
    　　<李> & # 61548;navigator.appName:浏览器名称,李 　　<李> & # 61548;navigator.appVersion:浏览器版本;李 　　<李> & # 61548;navigator.language:浏览器设置的语言,李 　　<李> & # 61548;navigator.platform:操作系统类型;李 　　<李> & # 61548;导航器。userAgent:浏览器设定的用户代理字符串。
    　　李 　　
　　 　　 　　alert('浏览器名称=' +导航器。浏览器名称+“\ n”+ 　　appVersion=+导航器。appVersion + ' \ n ' + 　　的语言=' +导航器。语言+ ' \ n ' + 　　'='平台+导航器。+ ' \ n ' +平台 　　' userAgent=' + navigator.userAgent); 　　 　　

请注意,导航器的信息可以很容易地被用户修改,所以JavaScript读取的值不一定是正确的。很多初学者为了针对不同浏览器编写不同的代码,喜欢用如果判断浏览器版本,例如:

　　 　　 　　var宽度; 　　如果(getIEVersion (navigator.userAgent) & lt;9){ 　　宽度=document.body.clientWidth; 　　其他}{ 　　宽度=window.innerWidth; 　　} 　　 　　

但这样既可能判断不准确,也很难维护代码。正确的方法是充分利用JavaScript对不存在属性返回未定义的特性,直接用短路运算符| |计算:

　　 　　 　　var宽度=窗口。innerWidth | | document.body.clientWidth; 　　 　　


　　

　　

　　

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

　　
    　　<李> & # 61548;回答:屏幕宽度,以像素为单位;李 　　<李> & # 61548;screen.height:屏幕高度,以像素为单位;李 　　<李> & # 61548;屏幕上。colorDepth:返回颜色位数,如8、16、24。
    　　李 　　
　　 　　 　　alert('屏幕大?' +屏幕。宽度+ x + screen.height); 　　 　　

　　

位置对象表示当前页面URL的信息,例如,一个完整的URL:

　　

http://www.example.com: 8080/道路/index . html # 63; a=1, b=2 #前

　　

可以用location.href获取。要获得URL各个部分的值,可以这么写:

　　 　　 　　location.protocol;//癶ttp” 　　location.host;//' www.example.com ' 　　location.port;//?080” 　　location.pathname;///道路/index . html” 　　location.search;//' & # 63;a=1, b=2》 　　location.hash;//岸ゼ丁?/pre> 　　 　　

要加载一个新页面,可以调用location.assign()。如果要重新加载当前页面,调用location.reload()方法非常方便。

　　 　　 　　如果确认(重新加载当前页”+位置。href + & # 63;)) { 　　location.reload (); 　　其他}{ 　　location.assign('/讨论');//设置一个新的URL地址 　　} 　　 　　

　　

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

　　

文档的标题属性是从HTML文档中的& lt; title> xxx读取的,但是可以动态改变:

　　 　　 　　文档。title=芭ρ癑avaScript !”; 　　 　　

请观察浏览器窗口标题的变化。
　　

　　

要查找DOM树的某个节点,需要从文档对象开始查找。最常用的查找是根据ID和标记名。
　　

　　

我们先准备HTML数据:
　　

　　 　　 　　& lt; dl id=癲rink-menu”比; 　　& lt; dt>摩卡& lt;/dt> 　　& lt; dd>热摩卡咖啡& lt;/dd> 　　& lt; dt>酸奶& lt;/dt> 　　& lt; dd>北京老酸奶& lt;/dd> 　　& lt; dt>果汁& lt;/dt> 　　& lt; dd>鲜榨苹果汁& lt;/dd> 　　& lt;/dl> 　　 　　

用文档对象提供的getElementById()和getElementsByTagName()可以按ID获得一个DOM节点和按标签名称获得一组DOM节点:
　　

　　 　　

JavaScript之浏览器对象_动力节点Java学院整理