js中的BOM模型 js中的BOM模型

BOM(browser object model) 浏览器对象模型：
window：
|- history（History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。
注释：没有应用于 History 对象的公开标准，不过所有浏览器都支持该对象。）
|- backVersion: 加载 history 列表中的前一个 URL。
|- forward：加载 history 列表中的下一个 URL。
|- go：加载 history 列表中的具体的一个 URL。
|- location
location 对象包含有关当前 URL 的信息。
Location 对象是 Window 对象的一个部分，可通过 window.location 属性来访问
|- screen
screen对象包含有关客户端显示的屏幕信息。
|- height：返回显示屏幕的高度
|- width：返回显示器屏幕的高度
|- availHeight：返回显示屏幕的高度（除windows任务栏之外）。
【js中的BOM模型】|- availWidth：返回显示屏幕的宽度（除windows任务栏之外）。
|- navigator
navigator对象包含的属性描述了正在使用的浏览器，可以使用这些属性进行平台专用的配置。
DOM（ document object model 文档对象模型）（其包含于BOM中）：
1、获取dom对象的方法
在js中，获取dom对象有五种方式
1）、直接获取，直接使用标签的id对该标签操作（不推荐）
// show.innerHTML = "这个是新的内容";
2）、店家推荐，通过document提供的一个方法document.getElementById()
// var _div = document.getElementById("show");
// _div.innerHTML = "这个是使用getElementById获取的";
3）、通过标签名称获取对应的标签
// var _divs = document.getElementsByTagName("div");
// console.info(_divs)
// _divs[0].innerHTML = "这个是使用getElementById获取的";
4）、通过class获取对应的标签
// var _divs = document.getElementsByClassName("show");
// console.info(_divs)
// _divs[1].innerHTML = "是不是";
5）、通过name属性获取对应的标签// 使用场景只有form标签
// var _name = document.getElementsByName("username")
// console.info(_name)
//_name[0].value = "https://www.it610.com/article/帅哥真帅，我好喜欢啊！！！";
2、操作dom对象的内容
1).innerHTML可以插入HTML片段，能够解析HTML文本
_div.innerHTML = "这个是新发表的"
2).innerText和textContent不能解析HTML片段，只能插入文本内容 *///
b.textContent="停止抽奖";
3).非w3c规定/
_div.innerText = "这个是新发表的";
4).w3c规定
_div.textContent = "这个是新发表的";

js中的BOM模型

推荐阅读

人造月亮的原理是什么

鬣蜥要怎么养，鬃狮蜥怎么养

js中every怎么使用，jsevery

中医历史中源远流长的中药阿胶文化

王夫之名言名句王夫之名言并谈谈其理解

国家中心城市最终名单2021 中国城市发展潜力排行榜

什么是国际礼仪

mysql you mysql有map吗

excel做出图表快捷方法 excel做出图表快捷方法

原味戚风蛋糕的做法

小球玫瑰可以水培吗小球玫瑰能水培吗

古代嫔妃侍寝怎么做古代嫔妃侍寝的潜规则

狗狗眼里的颜色

专科电子信息工程专业就业方向

佳能6d对焦速度佳能6d对焦快吗

学习形式有哪几种学习形式的介绍

PS如何制作磨砂质感的图表？PS制作磨砂质感的图标教程

直接问老板工资和加班费的事可以吗？

射线英语怎么说蔬菜英语怎么说

redis实现锁机制的方式 redis锁获取方式