首页 > 编程语言 > 详细

JavaScript基础学习心得02

时间:2018-06-12 12:40:57      阅读:155      评论:0      收藏:0      [点我收藏+]

写一个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负值;

JavaScript基础学习心得02

原文:https://www.cnblogs.com/endymion/p/9172417.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!