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 个答案: