JavaScript基础学习心得02

Posted 2020-11-17 endymion

写一个js效果的步骤：

1. 先实现布局；
2. 了解动画实现的原理；
3. 了解js语法；

js如何获取元素？

1. document.getElementById(‘link’)

事件

• 鼠标事件：

1. onclick
2. onmouseover
3. onmouseout
4. onmousemove //鼠标的抚摸事件
5. onmousedown
6. onmouseup

• 键盘事件；
• 系统事件:
  onload //加载完了html代码后再执行script脚本
• 表单事件；
• 自定义事件：原生没有，我们得自己做。

如何添加事件？

就像酱紫:元素.onmouseover

函数

即命令，做一些事儿。

function abc（）{
……//不会主动执行
}

1. 直接调用：abc();
2. 事件调用：元素.onmouseover=abc;//千万不要加括号
3. 匿名调用：元素.onmouseover=function(){};

测试

初学者要保持随时写，随时测的习惯。

alert(1);//带一个确定按钮的警告框
alert(‘okhahaha’);

document.getElementById(‘link’)太长？用变量！

var hahaha=document.getElementById(‘link’);

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

1. display:none;//消失了，不占地儿
2. visibility:hidden;//只是隐藏了，还是占地儿
3. 改变宽高：配合js可以实现生长动画效果；
4. 改变透明度：配合js可以实现淡入淡出动画效果；
5. 改变绝对定位；
6. 拿一个白色的div遮住它：甚至可以实现水滴回缩效果；
7. margin负值；