三、事件、函数、this

1、document.write()

往body的里追加内容。

2、window.onload=函数;

当页面里的所有内容加载完成后,才执行。

注意,如果说在head里引入js文件的时候,为了避免错误,最好放在window.onload里

window.onload跟document.write配合使用时,会覆盖body里的所有内容

3、事件

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

事件注册

对象.事件=函数

4、函数/方法

底层给用户提供的方法,就叫做API。

function(){}

作用,就是把一堆代码包起来。其实也就是我们常说的封装。

函数分为两种:有名函数,就是说这个函数是有名字的。function fn(){};

​ 匿名/无名函数,就说没有名字的函数。function(){};

注意:匿名函数不能一个人孤独的呆着。

​ 匿名函数必须要一个变量来接收,或者作为事件函数。

5、 有名函数的执行:函数名(); 函数名加括号也叫做函数的自执行。

有名函数作为事件函数时,不需要加加括号。

在js里,只有函数可以加括号。

所有加括号的东西,都是函数。

6、 函数里的this

并不是只有事件函数才有this。而是所有的函数都有this关键字。

这个this关键字的指向是看函数的执行方式来判断的:

  1. 当函数是自执行的函数,函数内部this,指向window。
  2. 当函数作为事件函数时,事件函数内部的this指向---事件对象。
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,310评论 0赞 1
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,544评论 0赞 2
  • 第一部分 准入训练 第1章 进入忍者世界 js开发人员通常使用js库来实现通用和可重用的功能。这些库需要简单易用,...
    如201608阅读 1,427评论 1赞 2
  • 这是一款功能全面的元素周期表应用,你不仅可以像使用普通的元素周期表那样浏览各元素的分布,原子量、摩尔质量等基本属性...
    最美应用阅读 2,615评论 0赞 3
  • 今天忍不住把两个学生狠狠收拾了一顿,缘由很简单,无外乎学习上作业上的问题。但其实,这只不过是我故意找出来的有力的借...
    十五月明阅读 265评论 4赞 3

友情链接更多精彩内容