首页 > 编程语言> 文章详细

javascript（操作BOM对象）

2021-06-15 20:34:46 阅读：196 来源： 互联网

标签：浏览器对象 javascript js window BOM newP document 节点

javascript与浏览器的关系？

javascript诞生就是为了能够让他在浏览器中运行

BOM：浏览器对象模型

·IE 6~11

·Chrome

·Safari

·FireFox

三方

QQ浏览器

360浏览器

Window

window代表浏览器窗口

window.alert(1)

window.innerHeighr

Navigator

Navigator封装了浏览器的信息

navigator.appName

大多数不会用navigator对象，会被人修改

screen（代表屏幕的尺寸）

screen.width
screen.heigth

location（主要）

location代表当前网页的URL的信息

host：

href：

protocol（协议）："https:"

reload:f reload()//刷新网页

document

document代表当前的页面，

document.title

document.title='~~~'

history:代表浏览器的历史记录

history.back（）//后退

history.forward()//前进

操作DOM对象（重点）

核心

浏览器网页就是一个DOM树形结构

　　·更新：更新dom节点

操作文本

·id1.innerText=’456' 修改文本的值

·id.innerHTML=’<strong>123<strong>'

操作js

id1.style.color=’red‘

id1.style.fontSize=’20px‘//驼峰命名法

·遍历dom节点：得到Dom节点

·删除：删除一个Dom节点

删除节点的步骤：先获取父节点，在通过父节点删除自己

p1.parentElement()//获取父类节点

·添加：添加Dom节点

创建一个标签，插入
  <script>
        var
            js =document.getElementById('js'),//已经存在的节点
            list=document.getElementById('list');
        list.appendChild(js);//追加到后面
       //通过JS创建一个新的节点
        var newP = document.createElement('p');//创建一个p标签
        newP.id='newP';
        newP.innerText='hello';
</script>

要操作一个节点，必须先获得这个节点

获得dom节点

标签：浏览器,对象,javascript,js,window,BOM,newP,document,节点
来源： https://www.cnblogs.com/qiangXiao/p/14887007.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript（操作BOM对象）