首页 / JAVASCRIPT / JavaScript基础学习心得02

JavaScript基础学习心得02

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript基础学习心得02，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含759字，纯文字阅读大概需要2分钟。

内容图文

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

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

内容总结

以上是互联网集市为您收集整理的JavaScript基础学习心得02全部内容，希望文章能够帮你解决JavaScript基础学习心得02所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1178322.html

来源：【匿名】