Question

在我提出这个问题之前，我必须指出我曾试图寻找一切！

我的问题是如何从外部文件而不是在我的php / html中运行javascript。我想做的是。

    function ClearForm() {
      document.form.message.value="";
    }

    function comeBack(){
      if (document.form.message.value == "") {
         document.form.message.value="What's on your mind?";
      }      
    }

我在<script type="text/javascript" src="javascript.js"></script>中包含<head>，我在根目录中有一个名为javascript.js的文件，我的php文件也在根目录中，所以不应该是问题！但是如何在javascript.js文件而不是在我的php文件中运行上面看到的那些代码片段。如果我在php文件中有它，它工作正常，但我想分开的东西！

我还试图给表单/输入字段一个id，然后在外部JavaScript文件中使用getElementById。

但是你可以看到和听到我对JavaScript有点新意，所以我显然在这里做错了。

Answer 1

如果上面的代码是Javascript.js文件中的唯一内容，那么您需要调用函数来运行代码。

您已正确包含外部Javascript文件 - 但是，因为所有JS都包含在函数中，所以必须在代码运行之前调用这些函数。

从PHP文件中调用'ClearForm（）'或'comeBack（）'应运行代码。

Answer 2

该JS文件必须与PHP页面位于同一文件夹中。

通过在js文件顶部添加此行来测试是否找到文件

alert('js file found OK!');

document.form是一个数组，因此如果您只有一个表单，请使用：

document.forms[0]

另外，根据您使用的浏览器，查找并安装一些开发者工具，以帮助您识别这些错误。

Answer 3

您已在＆lt; head＆gt;中声明了这些功能。一切都很好。

问题是何时你想调用/运行那些功能？

如果您只是想在页面末尾运行它们，那么您可以添加另一个外部javascript文件并使用＆lt; script src =“my_external_file.js”＆gt;包含它。就在＆lt; / body＆gt;之前标签。

否则，您必须声明onXXX处理程序，例如文档为onLoad()，某些元素为onClick()，表单为onSubmit()等。这些也可以在外部文件，但在加载相关元素后指定。

外部文件中的Javascript

3 个答案: