HTML里事件处理程序属性中的this:

HTML文档里事件处理程序属性中的this表示触发此事件的元素。例如：

<iframe id="iframe" src="{{url}}" width="{{iframewidth}}" height="{{iframeheight}}" ng-if="!isIE" onload="this.readyState = 'complete'"></iframe>

这里onload回调函数里的this就是表示这个iframe控件。

JavaScript里的this指向什么:

在最外层代码中（不在任何function中），this指向全局对象；在function中，表示调这个方法的当前对象，如果是以函数形式调用的这段代码，那么this还是指向全局对象。

JavaScript和HTML事件处理程序属性中的this的含义相关推荐

javascript添加HTML事件处理程序的两种方式学习
以按钮单击事件为例: 可以直接在button元素的onclick属性中直接执行javascript代码:示例代码和结果如下图: 也可以在onclick属性中指定要调用的函数:示例代码和结果如下图: 在 ...
同一个按钮绑定多个事件_带你走进JavaScript世界系列——事件处理程序之 IE 事件处理...
IE 事件处理程序 IE 实现了与 DOM 中类似的两个方法:attachEvent() 和 detachEvent() .这两个方法接收相同的两个参数:事件处理程序名称和事件处理程序函数.通过 at ...
html 图片事件失效,javascript – 图像,onload事件在chrome中不起作用
我正在使用 html5来创建拖放图像上传功能.这在firefox中非常适合我,但在chrome中,图像onload事件仅在第一次触发时触发.如果我只在第一个作品中拖动多个图像,如果我在其中拖动一个图像 ...
读《Javascript高级程序设计》中的javascript事件处理程序（事件侦听器）心得
今天读了<Javascript高级程序设计>中的javascript事件处理程序(事件侦听器)部分的内容,总结一些自己的心得: 事件就是用户或者浏览器自身执行的某种动作.例如click . ...
JavaScript中的事件处理程序
JavaScript和HTML之间的交互是通过事件实现的.事件,就是文档或者浏览器窗口中发生的一些特定的交互瞬间.可以使用事件处理程序来预订事件,以便在事件发生的时候执行响应的代码.这种观察者模式的模 ...
后处理程序文件大小的变量_【每日一题】(17题)面试官问：JS中事件流，事件处理程序，事件对象的理解？...
关注「松宝写代码」,精选好文,每日一题作者:saucxs | songEagle 2020,实「鼠」不易 2021,「牛」转乾坤风劲潮涌当扬帆,任重道远须奋蹄! 一.前言 2020.12.23 立 ...
javaScript事件（二）事件处理程序
一.事件二.事件流以上内容见:javaScript事件(一)事件流三.事件处理程序前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字.响应 ...
JavaScript三种事件绑定的方式(DOM的0级、2级、3级事件处理程序)
JS事件绑定的方式: ①.行内绑定 ②.动态绑定 ③.事件监听一.行内绑定[DOM0级事件处理程序]: 例:<标签属性列表事件="事件的处理程序" /> 虽然可以 ...
添加/移除事件处理程序
添加/移除事件处理程序本文整理自<JavaScript高级程序设计>(第3版). 1. HTML事件处理程序添加事件: //在HTML标签中给特性指定函数: onclick=" ...

JavaScript和HTML事件处理程序属性中的this的含义

HTML里事件处理程序属性中的this:

JavaScript里的this指向什么:

JavaScript和HTML事件处理程序属性中的this的含义相关推荐

最新文章

热门文章