JS注意点总结

Const声明的值不能更改，而且const的声明变量的时候需要里面进行初始化。

对于引用数据类型，const声明的变量里面存的不是值而是地址。

Dom是浏览器提供的一套，专门用来操作网页内容的功能。

开发网页内容特效，实现用户交互。

Dom树是将html文档以树状结构直观的表现出来。直观的体现了标签与标签之间的关系。

通过css选择器来获取DOM元素。

queryselector( )只选一个元素。

queryselectorAll( )可以选多个元素得到的都是伪数组

获取到元素之后开始修改元素内容。

.innerText() 修改文字内容，不解析标签。

.innerHTML()修改文字内容解析标签。

操作元素样式属性

 对象.style.样式属性=值

设置或修改元素样式，属性通过style样式引出来。

1,获取元素，2,修改样式。

element.style.paddingLeft(驼峰)="300px"

通过className修改样式

 <div>fffff</div>
    <script>
        const div = document.querySelector('div')
        div.className = 'box'
    </script>

通过classList修改样式

不会覆盖原来的样式，即可以追加样式

<div class="box">文字</div>
    <script>
        const box = document.querySelector('.box')
        box.classList.add('active')
    </script>

标准属性与自定义属性

事件监听：

事件的版本

L0只有冒泡没有捕获

L2可冒泡可有捕获

事件捕获与冒泡

阻止事件冒泡

 

 事件委托

 

页面加载

 页面滚动事件（获取位置）

 

深浅拷贝

 捕获异常