当前位置: 首页 > 前端技术 > 正文

JavaScript实现原理

写一个JS效果的步骤:

一、先实现布局

二、实现原理

希望把某个元素移除你的视线

1.display:none;  显示为无

2.visiblility:heidden; 隐藏

3.width/height

4.透明度

5.left/top

6.拿一个白色的DIV盖住它

7.margin负值

…..有12种以上

JS如何获取元素:

1.通过ID名称来获取元素;

document.getElementById('ID名称');

2….

事件:鼠标事件、键盘事件、系统事件、表单事件

onclick 鼠标点击

onmouseover 当鼠标移入时

onmouseout 当鼠标移出去时

onmousemove 鼠标抚摸事件

onmousedown 鼠标按下时

onmouseup  鼠标弹起时

….

注意:效果一样,区别是onmousemove鼠标每动一下都重新设置一下颜色,onmouseover只在鼠标进入时设置一次背景颜色。

如何添加元素事件:

元素.事件

元素.onmouseover

函数:可以理解为命令,做一些事情~(肯定不会自动执行的)

function name(){……}

1.直接调用:name()

2.事件调用:元素.事件=函数名(这里不要加括号) 例:$Div.onclick=name;

function (){}这个格式为匿名函数

元素.事件=function(){}

window.onload=function(){};

onload 加载完以后执行…

window.onload=事情或者命令

JavaScript实现原理:等您来吐槽!