简简单单认识js里的Bom对象

CoffeX 发布于2019-08-20 18:53 / 1864人阅读

摘要：里面的对象是什么是浏览器对象，全拼为都有什么对象是中的顶级对象，所有定义在全局作用域中的变量函数都会变成对象的属性和方法，在调用的时候可以省略。

js里面的Bom对象

Bom是什么？

Bom是浏览器对象，全拼为Browser Object Model

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() //动态向页面写入内容

GPU云服务器云服务器表单单选框 js里的标签 js里的命名空间 web里的js地图

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/84826.html

简简单单认识call,apply,bind方法

摘要：里面的方法利用里面的函数输出方法输出代表的是对象，为全局变量，全局变量实际上是对象的一个属性。而以方法调用时，值为我们传进去的对象。方法方法实际上是与方法用法相同，只不过方法传进去的参数是以数组形式例如其他与并没有区别。 js里面的call apply bind 方法利用js里面的function函数 function example(a,b){ consol...

MSchumi 2019-08-21 12:01 评论0 收藏0
【连载】前端个人文章整理-从基础到入门

摘要：个人前端文章整理从最开始萌生写文章的想法，到着手开始写，再到现在已经一年的时间了，由于工作比较忙，更新缓慢，后面还是会继更新，现将已经写好的文章整理一个目录，方便更多的小伙伴去学习。 showImg(https://segmentfault.com/img/remote/1460000017490740?w=1920&h=1080); 个人前端文章整理从最开始萌生写文章的想法，到着手...

madthumb 2019-08-23 14:15 评论0 收藏0
前端面试（知识点）整理（一）

摘要：接受个参数事件类型，是否冒泡，是否阻止浏览器的默认行为触发上绑定的自定义事件触发元素上绑定事件事件的委托代理的原理以及优缺点。委托代理事件是那些被绑定到父级元素的事件，但是只有当满足一定匹配条件时才会被挪。一、页面布局 1.问题：假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应。解决方案一：使用浮动布局` Document ...

zhichangterry 2019-08-22 11:06 评论0 收藏0
前端面试（知识点）整理（一）

摘要：接受个参数事件类型，是否冒泡，是否阻止浏览器的默认行为触发上绑定的自定义事件触发元素上绑定事件事件的委托代理的原理以及优缺点。委托代理事件是那些被绑定到父级元素的事件，但是只有当满足一定匹配条件时才会被挪。一、页面布局 1.问题：假设高度已知，请写出三栏布局，其中左栏、右栏宽度各为300px，中间自适应。解决方案一：使用浮动布局` Document ...

Songlcy 2019-08-01 17:36 评论0 收藏0