Question

我在外部文件中有两个函数，然后我在HEAD脚本中调用A和B，A可以运行而B不能运行，但是如果我把B放入头文件中，B也可以运行。我不知道为什么，我该怎么办？

HTML：

<head>
<script language="JavaScript" type="text/JavaScript">
<!--
function B(id) {
    var selected = document.getElementById(id)
    var arr = selected.options[selected.selectedIndex].text.split(" ");
    var value = ""
    for (var i = 1; i < arr.length; i++) {
        if (value != "") value = value + " ";
        value = value + arr[i];
    }
    return value;
}

function save() {
    A("msg");
    var x = B(id);
}
-->
...
<script type="text/JavaScript" src="js/my.js"></script>
</body>
...

my.js：

function A(msg) {
    scroll(0,0);
    var outerPane = document.getElementById('FreezePane');
    var innerPane = document.getElementById('InnerFreezePane');
    if (outerPane) outerPane.className = 'FreezePaneOn';
    if (innerPane) innerPane.innerHTML = msg;
}

function B(id) {
    var selected = document.getElementById(id)
    var arr = selected.options[selected.selectedIndex].text.split(" ");
    var value = ""
    for (var i = 1; i < arr.length; i++) {
        if (value != "") value = value + " ";
        value = value + arr[i];
    }
    return value;
}

Answer 1

最安全的做法是将代码包装在像这样的window.onload处理程序的头部......

<head>
  <script type="text/javascript">
    window.onload = function(){
      // your external files are guaranteed to be loaded now
      // you can call A or B
    }
  </script>
</head>

只有在加载了所有外部脚本后才会触发

onload。

这是一个完整的例子......

<强>的index.html

<!DOCTYPE html>
<html>
<head>
<title>Hello world</title>
<script>
function save() {
  A()
  B()
}

window.onload = function() {
  save()
}
</script>
</head>

<body>
The content of the document......
<script src="./external.js"></script>
</body>

</html>

<强> external.js

function A() {
  alert('A ran')
}

function B() {
  alert('B ran')
}

注意：这比将其他答案建议的外部脚本移动到头部更好，因为头部中加载的外部资源会阻止整个页面呈现，直到它们被加载为止。

通过将外部脚本留在body标记的末尾，页面加载看起来会更快，因为css / html会立即显示。即使javascript尚未加载。

Answer 2

在脚本标记包含“保存”功能之前添加外部文件。

<script language="JavaScript" src = "yourfile.js" type="text/JavaScript">
</script>
<script language="JavaScript" type="text/JavaScript">
   function save(){
           A();
           B();
   }
</script>

JavaScript函数无法在外部文件中运行

2 个答案: