javascript中的this(3)
console . log ( this . value );
}
// b
document . getElementById ( "b" ). onclick = function () {
clicked ();
}
</script>
解释清楚了吧。还是owner变 了
3. 浏览器行为
这一点我只是顺便看到说ie和ff在绑定事件上的区别(attachEvent、addEventListener)继续看例子:
c: <input type = "button" id = "c" value = "click me c" />
<script type = "text/javascript" >
var c = document . getElementById ( "c" );
if ( document . attachEvent ) { // for ie
c . attachEvent ( 'onclick' , clicked );
} else {
c . addEventListener ( 'click' , clicked , false );
}
</script>
ie下输出undefined, ff下输出click me c, why? 加点debug信息再看看
d: <input type = "button" id = "d" value = "click me d" />
<script type = "text/javascript" >
function clicked2 () {
console . log ( this , arguments );
for ( var i = 0 ; i != arguments . length ; ++ i ) {
console . log ( 'arg' , i , ':' , arguments [ i ]);
}
}
var d = document . getElementById ( "d" );
if ( document . attachEvent ) { // for ie
d . attachEvent ( 'onclick' , clicked2 );
} else {
d . addEventListener ( 'click' , clicked2 , false );
}
</script>
看到了吧,ie下this成了window,ff则是出发时间的dom。不过两个都会给clicked2传个参数event
摘自 懒人小何
相关新闻>>
- Javascript 兼容 IE6、IE7、FF 的“加入收藏”“设为首页”
- 好好学一遍JavaScript 笔记(一)——基础中的基础
- 好好学一遍JavaScript 笔记(二)——encode、数组、对象创建
- 好好学一遍JavaScript 笔记(三)——StringBuffer、prototype
- 好好学一遍javaScript 笔记(四)——Attribute、HTML元素、文档碎
- 好好学一遍JavaScript 笔记(五)——正则表达式基础
- 好好学一遍JavaScript 笔记(六)——正则表达式基础二
- 好好学一遍JavaScript 笔记(七)——RegExp对象与常用正则
- 好好学一遍JavaScript 笔记(八)——冒泡型事件、捕获型事件
- JavaScript详解
- 发表评论
-
- 最新评论 更多>>