100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 浏览器对象模型BOM 文档对象模型DOM

浏览器对象模型BOM 文档对象模型DOM

时间:2021-03-25 14:33:11

相关推荐

浏览器对象模型BOM 文档对象模型DOM

BOM

1.浏览器对象模型(broswer object model)2.window 所有没加前缀的属性和方法其父元素为window具有阻塞行为的三个弹出框alert();弹出框具备阻塞行为prompt();由键盘录入数据prompt([提示信息],[默认值])返回一个字符串confirmconfirm(提示信息)返回布尔值两个定时器循环定时器let time=setInterval(回调函数,间隔):返回关闭定时器的钥匙clearInterval(time);延时定时器let time=setTimeout(回调函数,间隔):返回关闭定时器的钥匙clearTimeout(time);window.onload(); 延迟加载,等所有页面加载完再加载3.localtion 地址对象href读:location.href写:location.href=" ";replace()也可实现页面跳转reload 刷新4.history直接绑定HTMLhistory.forword();history.back();history.go(-1/1);5.documentdocument.write()write方法自带文本解析write与事件绑定连用时,会覆盖原页面通过document找页面的HTML元素对象通过ID名获取document.getElementById("ID");返回单个元素通过标签批量获取元素对象document.getElementsByTagNmae( "标签")返回数组通过类名批量获取元素geyElementsByClassName()返回数组通过name批量获取元素document.getElementsByName("name名称");返回数组通过标签、类名批量获取对象document.querySelectorALL(选择器)通过类名(".class名")、ID名(”#ID名“)、标签名批量获取元素通过ID名、类名、标签名获得单个元素document.querySelector(选择器);返回单个元素只能在页面只有一个元素的时候使用通过类名(".class名")、ID名(”#ID名“)、标签名获取(多个获取第一个)单个元素6.event(见文章 BOM事件)

DOM

1.DOM(document object medol)2.节点和节点之间的关系,节点遍历3.节点遍历的8种方法通过层级关系访问节点parentNode:找父节点childNodes :返回所有的子节点,存放在数组中,获取的节点包括元素节点和文本节点children :返回所有的子节点,存放至数组中,只获得父节点的元素子节点appendchild :追加子元素通过层级关系访问元素节点(忽略文本节点)firstElementChildlastElementChild nextElementSiblingpriviousElemenibling5.节点.nodetype 判断节点类型1:元素节点3:文本节点6.DOM结点的操作创建元素document.creatElement("标签名")连接节点父节点.appendChild(子节点)节点的删除节点.remove();7.Chilenode过滤空白节点(节点遍历)父节点.childNodes()返回所有的子节点,存放在数组中获取的节点包括元素节点和文本节点if(arr[i]==3){remove;}arr[i]=1为元素节点children:返回所有的子节点,存放至数组中,只获得父节点的元素子节点8.各种文本outerHTML包含自身标签的所有内容innertext只输出对象的文本内容innerHTML当前元素的所有内容通过字符串拼接,批量创建DOM节点批量添加新元素单独添加新元素9.元素的属性(1)属性的读写a.通过打点(域运算符)b.set/getsetAttribute()getAttribute()(2)为任意对象添加自定义属性打点setAttribute();用相应的方式获取对应的属性10.样式的读写行内样式读写:容器.style.属性获取非行内样式(读)getComputedStyle(目标元素,false)["属性名称“]返回属性名对应的属性值只可读,不可写非行内样式写与行内样式一样11.insertBefore(追加到节点之前)父节点.insertBefore(目标元素,绑定元素)将目标元素添加至目标元素之前绑定在父元素上参数2为null时,等价于appendChild12.各种位置的读写读写样式、属性、offset属性offsetwidth/offsetheight/offsetLeft/offsetTop读容器.offsetWidth返回的数据全部为数字写容器.style.width="属性值"13.window.onscroll()兼容性问题获取滚动条高度兼容获取方法_top=documenet.body.scrollTop|| document.documentElement.scrollTop返回顶端obtn.onclick=function(){document.body.scrollTop=document.documentElement.scrollTop=0;} 14.动态创建表格事件绑定和事件体是两种不同得代码,事件绑定得代码自上而下执行,事件体得代码必须通过动作触发,事件得执行在页面渲染完之后this函数得内置对象事件体内的this:触发事件的元素15.cannot read property:调用该属性的对象不存在

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。