|
阅读：2914回复：0
DOM 2023.1.27/* BOM： 1、 BOM的顶级对象是window 2、 BOM学习的是浏览器窗口交互的一些对象 3、 是浏览器厂商在各个浏览器上定义的，兼容性较差 4、 它是JS访问浏览器窗口的一个接口。它是全局对象。定义在全局作用域中的变量、函数都会变成window对象的属性和方法。 */ let btn = document.querySelector("button") btn.addEventListener('click',function(){ alert('点击我'); }) //窗口加载事件 window.onload = function(){}或者window.addEventListener("load",function(){}) //window.onload是窗口(页面)加载事件，当文档内容完全加载完成后会触发该事件，就会调用函数 //load 等页面内容全部加载完毕，包含图片 flash css 等等 //DOMContentLoaded是 DOM 加载完毕 不包含图片 falsh css 等就可以执行 加载速度比load更快 </script> </body><body> h5自定义属性<br />节点操作 <div getTime="'20" date-index="2"></div> <script> // 目的：是为了保存并使用数据。有些数据可以保存到页面中而不用保存到数据库中 通过getAttribute('属性')获取 //H5规定自定义属性date-开头做为属性名并且赋值 比如<div date-index="1"></div> let div = document.querySelector("div"); console.log(div.getAttribute("getTime")); div.getAttribute("date-time", 20); //节点操作 /*nodeType(节点类型)、nodeName(节点名称)、nodeValue(节点值) 实际开发中，节点操作主要操作的是元素节点 */ </script> </body> |
|
公众号
