JavaScript和HTML事件处理程序属性中的this的含义
2017-08-04 01:48
453 查看
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还是指向全局对象。
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 对象属性
- JavaScript权威指南_162_第17章_事件处理_17.2-注册事件处理程序-设置JavaScript对象属性为事件处理程序
- JavaScript权威指南_163_第17章_事件处理_17.2-注册事件处理程序-设置HTML标签属性为事件处理程序
- JavaScript:关于事件处理程序何时可以直接访问元素的属性
- 源码-JavaScript&jQuery交互式前端开发-第6章-事件-HTML事件处理程序
- 理解JavaScript事件以及事件处理程序——笔记整理
- 30-JavaScript-事件-同一事件多个处理程序-window的事件-关闭右键菜单
- ch2.HTML,javascript简介--事件处理
- 详解javascript跨浏览器事件处理程序
- JavaScript中的事件处理程序
- 通过文档事件处理程序引入JavaScript脚本代码实例
- 浅谈Javascript事件处理程序的几种方式
- 基于HTML标签的JavaScript触发事件处理
- JavaScript事件处理程序的3种方式
- this指向问题——严格、非严格模式,事件处理程序
- JavaScript 事件流、事件对象总结和事件处理程序
- JavaScript事件处理程序详解
- 浅谈Javascript事件处理程序的几种方式
- javascript事件小结(事件处理程序方式)--javascript高级程序设计笔记
- javaScript事件(二)事件处理程序