欢迎光临散文网 会员登陆 & 注册

千锋教育JavaScript全套视频教程(10天学会Js,前端javascrip

2023-07-12 16:03 作者:爱听歌的摸鱼丫  | 我要投稿

BOM:Browser Object Model,浏览器对象模型,提供一系列与浏览器相关的信息。


BOM对象:分为window对象和window子对象(screen对象,location对象,navigator对象,history对象)。


1.window对象


window对象是BOM顶层对象。


window对象是JS访问浏览器窗口的一个接口


window对象是一个全局对象,声明的所有的全局变量,全局方法函数最终都是window对象的属性或者方法。


其他window方法:


window.open() :打开一个新的浏览器窗口,接受四个参数(URL/打开方式/窗口参数/是否取代当前页面历史记录的布尔值)。


window.close() :关闭新打开的窗口(仅限open()打开的窗口)。


window.moveTo():移动当前窗口。


window.resizeTo():调整当前窗口的尺寸。


2.screen对象 :包含显示设备的信息


screen.height、screen.width:返回设备的分辨率。


screen.availWidth、screen.availHeight:返回屏幕可用宽高,值为屏幕的实际大小减去操作系统某些功能占据的空间,如系统任务栏。


3.location对象:保存当前文档信息,将URL解析为独立片段


location.href 返回当前页面完整的URL ,修改这个属性,即跳转新页面


location.hash 返回URL中的hash(#号后跟零或多个字符)   


location.host 返回服务器名称和端口号


location.port 返回服务器端口号  


location.pathname 返回URL中的目录和文件名


location.hostname 返回不带端口号的服务器名称

 

location.protocol 返回页面使用的协议(http://或https://)

  

location.search 返回URL的查询字符串,字符串以问号开头 


4.navigator对象:提供一系列属性用于检测浏览器


window.navigator.userAgent :通过userAgent可以判断用户浏览器的类型


window.navigator.platform:通过platform可以判断浏览器所在的系统平台类型


window.navigator.online:判断是否联网


5.history 对象:


history.back():与在浏览器点击后退按钮相同


history.forward():与在浏览器中点击按钮向前相同


history.go(参数):前进后退功能,参数如果是1前进一个页面,如果是-1后退一个页面,如果是N则前进或后退N个页面


history.length(): 保存历史记录的数量

千锋教育JavaScript全套视频教程(10天学会Js,前端javascrip的评论 (共 条)

分享到微博请遵守国家法律