<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> </head> <body> <button id='chg'>change</button> <iframe id='frame' src=''></iframe> <script> function $id(id){ return document.getElementById(id); } var btn=document.getElementById('chg'); var tip=true; btn.onclick=function(){ alert('你居然在按钮没有被按下的时候就触发了！！！'); } (function(){ var iList=document.getElementsByTagName('iframe'); for (var i=0;i<iList.length;++i) { iList[i].onload=function(){ this.style.height=this.contentWindow.document.documentElement.scrollHeight+'px'; } } }()); </script> </body> </html>

神奇的iframe现象：居然能够自动触发onclick 事件，这是什么原因？？

臭_小子

55921014

发布于
2016-04-22

更新于
2016-04-22

✓ 已被采纳

图片描述

兄弟这样看你看到了什么？

btn.onclick=function(){
        alert('你居然在按钮没有被按下的时候就触发了！！！');
     }(calegeca);
     
     
var calegeca = function() {
            var iList = document.getElementsByTagName('iframe');
            for (var i = 0; i < iList.length; ++i) {
                iList[i].onload = function() {

                    this.style.height = this.contentWindow.document.documentElement.scrollHeight + 'px';
                }
            }
        }();

尽量使用“;”号哦；在闭包前加，效果更好哦；

;(function(){
    //calegeca
}())

loebmraz

1.1k124

发布于
2016-04-22

iframe：这锅我不背。

Hello_World20

4803715

发布于
2016-04-22

[哭笑不得的表情]我觉的这题可以当做面试题来考了。看了好久。。。才懂[哭笑不得的表情]

uRuier

202

发布于
2016-04-27

JS 大部分时候可以省略分号，除了以 () 或 [] 等开头的五种情况的时候。

prolifes

11.2k51537

发布于
2016-04-22

btn.onclick=function(){
    alert('你居然在按钮没有被按下的时候就触发了！！！');
 };

这里}后面缺个分号，你竟然想让iframe背锅

cool_zjy

5.6k3723

发布于
2016-04-22

所以 js 分号还是加的好。。。

cd150505

看了评论我才看明白问题。。。。。

我还以为有黑科技。。

Rookie_Zoe

118115

发布于
2016-04-22

onclick方法后面没加分号。。。恰好后面跟了个自执行函数。。。

Vow_Sole

231

发布于
2016-04-26

更新于
2016-04-26

函数声明不可以直接用（）调用，函数表达式可以直接用（）调用。
“函数声明” 与 “函数表达式” 之间的区别就是 function 是不是那一行的句首的第一个单词。
函数声明可以在声明所在的作用域中被调用，函数表达式只能在函数表达式中调用自己。

函数声明

function foo(){console.log(1)};
foo(); //=> 1

函数表达式

var a = function bar(){}();
!function baz(){}();
(function baa(){}());

(function draw(){
    requestAnimationFrame(draw);
})();

draw(); //=> ReferenceError: draw is not defined

参考1