bom基础

发布时间:2019-08-07 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了bom基础脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

js里面的Bom对象

什么是Bom

  • Bom是浏览器对象,全拼为(browser Object Model)浏览器对象模型

  • BOM是browser object model的缩写,简称浏览器对象模型

  • BOM提供了独立于内容而与浏览器窗口进行交互的对象

  • 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window

  • BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性

  • BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C,

  • BOM最初是NetscaPE浏览器标准的一部分

bom属性 描述
window 对象
navigator 浏览器信息
location 浏览器定位和导航
screen 屏幕信息
history 窗口浏览器历史
document 文档

window

window对象是js中的顶级对象,所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法,在调用的时候可以省略window。

  • 例:

打开窗口:window.open(url,target,param);

// url    要打开的地址
// target 新窗口的位置     _blank(默认)  _self 
// param  新窗口的一些设置
// 返回值,新窗口的句柄

关闭窗口:window.close();

定时器 setIITerval clearInterval

    setTimeout       clearTimeout

系统对话
alert() // 系统弹窗
confirm() // 确认、取消弹窗
prompt() // 输入弹窗

navigator

navigator对象:包含大量有关Web浏览器的信息,在检测浏览器及操作系统上非常有用

window.navigator.appCodeName //浏览器代码名
window.navigator.appName //浏览器步伐名
window.navigator.appMinorVersion //浏览器补钉版本
window.navigator.cpuClass //cpu类型x86
window.navigator.platform //操作体系类型win32
window.navigator.plugins
window.navigator.opsPRofile
window.navigator.userProfile
window.navigator.SysteMLanguage //客户体系语言zh-cn简体中文
window.navigator.userLanguage //用户语言,同上
window.navigator.appversion //浏览器版本(包括 体系版本)
window.navigator.userAgent//用户代理头的字符串表示
window.navigator.onLine //用户否在线
window.navigator.cookieEnabled //浏览器是否撑持cookie
window.navigator.mimeTypes

location

location对象:表示载入窗口的URL,也可用window.location引用它
location.href //当前载入页面的完整URL
location.host //服务器的名字
location.pathname //URL中主机名后的部分,如/pictures/index.htm
location.hash //如果URL包含#,返回该符号之后的内容,如#anchor1
location.reload(true | false); //重新载入当前页面,为false时从浏览器缓存中重载,为true时从服务器端重载,默认为false
document.location.reload(URL) //打开新的网页

screen

window.screen.width //屏幕
window.screen.height //屏幕高度
window.screen.availWidth //可用宽度(除去任务栏的高度)
window.screen.availHeight //可用高度(除去任务栏的高度)

history

history.back() //在浏览历史里后退一步
history.forward() //在浏览历史里前进一步
history.go(i) //到汗青详细登记单的第i位

h5里的history:
pushstate(a,b,c)//a:数据 c:地址栏
window.onpopstate

document

document.write() //动态向页面写入内容

脚本宝典总结

以上是脚本宝典为你收集整理的bom基础全部内容,希望文章能够帮你解决bom基础所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。