外部文件中的Javascript

问题描述 投票:3回答:3

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

我的问题是如何从外部文件而不是在我的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文件也在root中,所以不应该是问题!但是如何在javascript.js文件而不是在我的php文件中运行上面看到的那些代码片段。如果我在php文件中有它,它工作正常,但我想分开的东西!

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

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

php javascript html
3个回答
2
投票

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

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

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


1
投票

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

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

alert('js file found OK!');

document.form是一个数组,所以如果你只有一个表单使用:

document.forms[0]

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


0
投票

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

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

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

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

© www.soinside.com 2019 - 2024. All rights reserved.