从HTML按钮调用外部JavaScript

Question

我正在尝试建立一个页面，当用户按下html形式的按钮时，该页面将调用外部Javascript函数。 函数名称是lock（），我在按钮上的代码如下：

<form>
<button type="button" onclick="lock()">Pause/Play</button>
</form>

尝试运行代码会出现以下错误：

The value of the property 'lock' is null or undefined, not a Function object

我已经确认我要调用的函数是.js文件范围内的全局函数，并且我知道页面启动时正在加载.js文件，因为除此按钮之外的所有功能都可以正常工作。 我是否缺少任何明显的步骤？如果没有，我需要验证什么？ 谢谢。

Answer 1

如果您打开开发工具（例如chrome中的f12），并在控制台中输入lock，它会返回该功能吗？ 或未定义？

不看代码就不可能告诉发生了什么。

您可以尝试一些方法：

1.在主体的结束标记上方包括脚本标记，以确保在按钮之后加载脚本。

将事件处理程序不是内联而是附加在domcontentloaded事件中。
要进行调试，请尝试从同一按钮调用其他功能，以解决问题，反之亦然，请尝试将该功能附加到其他按钮，看看是否可以正常工作。

Answer 2

您在html的哪里有javascript行，该行从其他来源调用该函数？ 如果您在<head></head>内部绘制了该行，则尝试将html文件中的行进一步移到下方，就像</body>之前一样，例如：

 <html>
 <head>
 <title>My HTML</title>
 </head>
 <body>
 <blah></blah>
 <script type="text/javascript" src="myexternal.js"></script>
 </body>
 </html>

从HTML按钮调用外部JavaScript

问题描述

2 个解决方案

解决方案1
0 2014-01-16 21:10:49

解决方案2
0 2014-01-16 21:41:41

从HTML按钮调用外部JavaScript

问题描述

2 个解决方案

解决方案1 0 2014-01-16 21:10:49

解决方案2 0 2014-01-16 21:41:41

解决方案1
0 2014-01-16 21:10:49

解决方案2
0 2014-01-16 21:41:41