外部Javascript不工作_Javascript_Html

外部Javascript不工作

javascript html

外部Javascript不工作,javascript,html,Javascript,Html,让我们保持简短和甜蜜这是我的标题： <head> <title>4JSB Assignment</title> <link rel="stylesheet" type="text/css" href="css/style.css"> <script type="text/javascript" src="javascript/form.js"></script> </head> 唉，“

让我们保持简短和甜蜜

这是我的标题：

<head>
    <title>4JSB Assignment</title>
    <link rel="stylesheet" type="text/css" href="css/style.css">
    <script type="text/javascript" src="javascript/form.js"></script>
</head>

唉，“工作”从来没有出现过

我的文件夹结构如下：

root
    css
    ....style.css

    javascript
    ....form.js

    form.html

答案很可能是琐碎的，但由于javascript必须从外部源链接的这一要求，我在这项任务上花了好几个小时。我非常感谢任何向我指出这一平凡而不幸的不幸事件的尝试。

尝试将提交按钮的名称和id更改为类似于“submitButton”的内容，以便它与javascript函数不完全相同。我认为存在名称冲突。

尝试将submit按钮的名称和id更改为类似于“submitButton”的内容，使其与javascript函数不完全相同。我认为存在名称冲突。

问题在于您有

id=“submitForm”

和

函数submitForm

不确定浏览器为什么这样做，但任何id都可以作为全局对象使用

所以

将显示输入元素，而不是函数

为id或函数使用其他名称

console.log（submitForm）

实际显示了该功能！！但最终还是名称冲突

问题是您有

id=“submitForm”

和

函数submitForm

不确定浏览器为什么这样做，但任何id都可以作为全局对象使用

所以

将显示输入元素，而不是函数

为id或函数使用其他名称

console.log（submitForm）

实际显示了该功能！！但最终还是名称冲突

这取决于你想完成什么：

如果在submit按钮上添加onclick函数，它将不适用于提交表单，因此将其作为提交按钮是没有意义的

如果您希望在提交表单之前执行javascript函数，或者希望执行一些验证，这些验证可能会阻止表单提交，也可能不会阻止表单提交最好的方法是：

<form onsubmit="return submitform();">
    ....
    <input type=submit name="submitFormAny" id="submitFormAny">
</form>


....

另外，正如其他贡献者所说，要小心，不能有具有相同id的元素和函数，这取决于您想要完成什么：

如果在submit按钮上添加onclick函数，它将不适用于提交表单，因此将其作为提交按钮是没有意义的

如果您希望在提交表单之前执行javascript函数，或者希望执行一些验证，这些验证可能会阻止表单提交，也可能不会阻止表单提交最好的方法是：

<form onsubmit="return submitform();">
    ....
    <input type=submit name="submitFormAny" id="submitFormAny">
</form>


....

另外，正如其他贡献者所说，小心，不能有相同id的元素和函数

检查浏览器开发工具的“网络”选项卡-form.js正在加载吗？此外，如果您正在使用IE/Edge，那么使用javascript时，如果页面是使用文件加载的，则会特别恼人：///protocol在页面中单击右键并“单击查看页面源代码”。然后单击

，然后检查这是否正确？检查浏览器开发工具的“网络”选项卡-form.js是否正在加载？另外，如果您使用IE/Edge，使用javascript时，如果页面是使用file:///protocol加载的，那么使用javascript时会特别烦人。在页面中单击右键并“单击查看页面源代码”。然后单击

，然后检查这是否正确？这就是问题所在。非常感谢。有什么变化，你的表格真的提交了吗？关于提交/不提交的问题中没有任何内容，所以这是一个牛的意见。我没有否决你的问题，所以停止政治迫害。我猜@JosiasMenzel想要提交表单，否则为什么要使用提交按钮？这就是问题所在。非常感谢。有什么变化，你的表格真的提交了吗？关于提交/不提交的问题中没有任何内容，所以这是一个牛的意见。我没有否决你的问题，所以停止政治迫害。我猜@JosiasMenzel想要提交表单，否则为什么在Jaromanda对id问题发表评论时使用提交按钮？恰恰如此。它现在正在工作。谢谢。这正是Jaromanda评论身份问题时所做的。它现在正在工作。非常感谢。

console.log(submitForm);

<form onsubmit="return submitform();">
    ....
    <input type=submit name="submitFormAny" id="submitFormAny">
</form>