在IE9上的html页面中访问js内的全局函数

Question

我正在尝试访问我在main.js文件中声明的全局函数，并尝试在html页面中使用它：

<!DOCTYPE html>
<html>
  <head>

  </head>
  <body>
    <script src='main.js'></script>
    <script>
    (function(){
      window.myFunction();
    })();
    </script>
  </body>
</html>

还有我的main.js文件

(function(){
  window.myFunction = function(){
    alert(1);
  }
})();

这适用于所有浏览器，但IE9并没有测试其他IE版本。 你觉得我做错了什么？ 或者它与IE有什么关系？

Answer 1

你应该在main.js中传递这样的window对象

(function(w){
  w.myFunction = function(){
    alert(1);
  }
})(window);

“（）”中的函数关键字后面的变量是函数内部传递参数的别名，而封装函数末尾的“（）”内的变量是传递的实变量。

演示： http ： //codepen.io/anon/pen/aOgZdB - 已在IE中尝试过。

我认为你可以直接将函数绑定到窗口的另一件事，你不需要把它放在封装函数中，如：

   window.myFunction=function(){
      alert(1);
   }

在你的main.js中没有封装它。

Answer 2

尝试这个：

<!DOCTYPE html>
<html>
  <head>
  </head>
    <body>
      <script src='main.js'></script>
      <script>
        window.myFunction();
      </script>
    </body>
</html>

Answer 3

我没有IE 9，所以我不知道它是否有效。 但在IE 11中测试过。

(function(window){
  window.myFunction = function(){
    alert(1);
  }
})(window);

(function(){
     window.myFunction();
})();

http://jsfiddle.net/aqsrpkpm/

在IE9上的html页面中访问js内的全局函数

问题描述

3 个解决方案

解决方案1
7 已采纳 2015-08-20 02:50:30

解决方案2
2 2015-08-20 03:24:42

解决方案3
1 2015-08-20 01:10:43

在IE9上的html页面中访问js内的全局函数

问题描述

3 个解决方案

解决方案1 7 已采纳 2015-08-20 02:50:30

解决方案2 2 2015-08-20 03:24:42

解决方案3 1 2015-08-20 01:10:43

解决方案1
7 已采纳 2015-08-20 02:50:30

解决方案2
2 2015-08-20 03:24:42

解决方案3
1 2015-08-20 01:10:43