从外部js文件调用位于主html中的javascript函数

Question

抱歉，此问题可能已经解决，但我无法找到答案。

我基本上有2个文件：

form.html代码：

<!DOCTYPE html>
<html>
<head>
<script src=".../fileA.js"></script>
<title>BACKUP MONITOR</title>
<script>
    function getEvents()
    {
        alert("getEvents");
    }

    alert("in HTML");
</script>
</head>
<body>
</body>
</html>

fileA.js代码：

alert("in fileA");
getEvents();

问题1：

我无法从fileA.js调用getEvents（）。 有什么办法吗？

问题2：

我可以从form.html创建一个新的Window并从那里调用getEvents（）吗？ 请参见下面的代码：

新的form.html代码：

<!DOCTYPE html>
<html>
<head>
    <title>BACKUP MONITOR</title>
    <script>
        function getEvents()
        {
            alert("getEvents");
        }

        alert("in HTML");

        var w = window.open();

        var s = w.document.createElement("script");
        s.type = 'text/javascript';
        s.src = ".../fileA.js";
        w.document.body.appendChild(s);

        w.alert("New Window");
    </script>
</head>
<body>
</body>
</html>

非常感谢你

Answer 1

更改脚本加载的顺序。 在嵌入式脚本中定义getEvents函数之前，正在加载外部脚本.../fileA.js 。 如果该函数尚不存在，则无法成功调用外部脚本中的getEvents 。

form.html代码：

<!DOCTYPE html>
<html>
<head>
<title>BACKUP MONITOR</title>
<script>
    function getEvents()
    {
        alert("getEvents");
    }

    alert("in HTML");
</script>
<script src=".../fileA.js"></script>
</head>
<body>
</body>
</html>

Answer 2

您的代码应如下所示

<!DOCTYPE html>
<html>
<head>
<title>BACKUP MONITOR</title>
<script>
function getEvents()
{
    alert("getEvents");
}

alert("1");
var eventArray = getEventArray();

var w = window.open();
alert("2");
</script>
<script src=".../fileA.js"></script>
</head>
<body>
</body>
</html>

从外部js文件调用位于主html中的javascript函数

问题描述

2 个解决方案

解决方案1
1 2014-04-13 06:29:38

解决方案2
0 2014-04-13 06:19:07

从外部js文件调用位于主html中的javascript函数

问题描述

2 个解决方案

解决方案1 1 2014-04-13 06:29:38

解决方案2 0 2014-04-13 06:19:07

解决方案1
1 2014-04-13 06:29:38

解决方案2
0 2014-04-13 06:19:07