JS实战 · 零碎笔记

onclick：单击时触发事件

onmouseover：鼠标进入时触发事件

onmouseout：鼠标离开时触发事件

 

事件三要素：最基础的内容

事件源：有监听的HTML 标签，能响应事件的HTML 标签，就是事件源。

事件名：用户的特定行为，比如onclick

事件的响应：就是一个个function

 

通过ID来获得元素：document.getElementById("XXX")；

通过Class来获得元素：document.getElementByClassName("XXX")。

 

导航菜单：对选项添加鼠标进出事件。

display为none的元素隐藏且会让出自己的位置。

visibility为hidden的元素隐藏但是不让出自己的位置.

 

关于定位：用position，口诀：”子绝父相“.

 

JS编程必须要先布局，布局稳定了在做下一步。

 

水平菜单

1） 脱标，留在原地。position:absolute ,不写top 值，可以写left 值来调整位置。

2） 空档一定是父盒子的padding，而不能是子盒子的margin

3） 监听一定是在li 身上，而不能是a 身上

4） 要学会用class“避讳样式”——我们的后代选择器有点不好用，所以就要给不同的li 加上不同的class

区分即可，通过class 来添加样式

5） 不要过分的追求所谓优雅的代码