bom基础

shusen 发布于2019-08-20 18:54 / 1254人阅读

摘要：里面的对象什么是是浏览器对象，全拼为浏览器对象模型是的缩写，简称浏览器对象模型提供了独立于内容而与浏览器窗口进行交互的对象由于主要用于管理窗口与窗口之间的通讯，因此其核心对象是由一系列相关的对象构成，并且每个对象都提供了很多方法与属性缺乏标

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

GPU云服务器云服务器 BOM bom编码批量去除bom 批量删除BOM头

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

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

谈谈浏览器里的JavaScript

摘要：而与最大的区别在于与浏览器沟通的窗口，不涉及网页内容。完全依赖于浏览器厂商实作本身无标准规范，而有着所制定的标准来规范。而透过选取出来的节点，我们可以通过操作属性来变更它的文字。在许多的网页前端教学或是文章书籍当中，你可能常常听到这样的说法：「HTML、CSS 与JavaScript 是网页前端三大要素」，其中： HTML 负责资料与结构 CSS 负责样式与呈现 JavaScript 负责...

CastlePeaK 2019-05-23 17:32 评论0 收藏0
前端培训-中级阶段（4）- BOM 浏览器对象模型（2019-07-04期）

摘要：提供了与浏览器窗口进行交互的对象标签之间不会共享。用于描述当前浏览器的历史记录。表示窗口是否以全屏显示。前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。前面我们已经基本掌握常规的语法语义，以及基...

smallStone 2019-08-02 15:22 评论0 收藏0
前端培训-中级阶段（4）- BOM 浏览器对象模型（2019-07-04期）

摘要：提供了与浏览器窗口进行交互的对象标签之间不会共享。用于描述当前浏览器的历史记录。表示窗口是否以全屏显示。前端最基础的就是 HTML+CSS+Javascript。掌握了这三门技术就算入门，但也仅仅是入门，现在前端开发的定义已经远远不止这些。前端小课堂（HTML/CSS/JS），本着提升技术水平，打牢基础知识的中心思想，我们开课啦（每周四）。前面我们已经基本掌握常规的语法语义，以及基...

h9911 2019-08-23 18:15 评论0 收藏0
基础巩固：JavaScript基础总结(基本概念篇)

摘要：基础巩固基础总结使用已经好几年了，由于工作主要是做服务端开发，在工作中逐渐发现的使用范围原来越广泛。这里要注意，务必将基础部分掌握牢靠，磨刀不误砍柴功，只有将基础部分掌握并建立起系统的知识体系，在后面学习衍生的其他模式才能游刃有余。基础巩固：JavaScript基础总结使用JavaScript已经好几年了，由于工作主要是做服务端开发，在工作中逐渐发现JavaScript的使用范围原...

YuboonaZhang 2019-08-26 12:08 评论0 收藏0
做一名精致的JavaScripter 01：JavaScript简介

摘要：精致从细节做起。标准会在每年的月发布一次，作为当年的正式版本，便是年发布的正式版本。支持情况各大浏览器对的支持情况浏览器支持情况对的支持情况支持情况。在浏览器中基于实现的已经成为的重要组成部分。精致从细节做起。前端的工作也有一段时间了，大大小小的前端框架都有接触过，越是深入学习越是感觉之前的学习过于粗糙，基础不够扎实，于是准备近期把JavaScript的基础知识点梳理一下，查缺补漏，...

张巨伟 2019-08-22 15:10 评论0 收藏0