外部文件中的Javascript

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?";
      }      
    }

我在<head>包含<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

您已在<head>中声明了这些函数。 一切都很好。

问题是你想什么时候 打电话/运行这些功能？

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

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

外部文件中的Javascript

问题描述

3 个解决方案

解决方案1
2 已采纳 2011-05-13 08:19:47

解决方案2
1 2011-05-13 08:21:19

解决方案3
0 2011-05-13 08:28:03

外部文件中的Javascript

问题描述

3 个解决方案

解决方案1 2 已采纳 2011-05-13 08:19:47

解决方案2 1 2011-05-13 08:21:19

解决方案3 0 2011-05-13 08:28:03

解决方案1
2 已采纳 2011-05-13 08:19:47

解决方案2
1 2011-05-13 08:21:19

解决方案3
0 2011-05-13 08:28:03