如何在 HTML 中定义包含要执行的方法的 JS 文件
我正在处理一个在互联网上找到的项目示例，我试图知道如何onclick从一个项目中调用一个简单的方法button。我尝试过的是将其声明为：
超文本标记语言
<button id="bt_connect" src="./js/example.js" onclick="mqtt_sub();">MQTT CONNECTION</button>
调用function我定义的./js/example.js
function mqtt_sub() {
var mqtt = require('mqtt');
var client = mqtt.connect("url:1883"); // URL:port
var topic = 'testingtopic'
client.on('message', (topic, message) => {
message = message.toString();
console.log(message);
});
client.on('connect', () => {
client.subscribe(topic);
console.log("Connected!")
})
}
错误
未捕获的引用错误：mqtt_sub 未在 HTMLButtonElement.onclick 中定义
我知道我可以在文件中定义脚本HTML，但我无法执行require()
我想知道的是我的代码是否错误，或者它应该是这样的。我想仔细检查一下，看看我是否需要查看我的代码，或者我只是误解了我的项目的结构。
慕仙森浏览 44回答 1
1回答
-
ibeautiful
按钮元素没有 src 属性。如果您想从按钮调用 onclick 方法，您需要调用 JS 文件本身中定义的函数。要使其识别此方法，您可以将 JS 文件添加到结束 body 标记之前的 script 标记内。<html> <head>...</head> <body> .... <script src="your_src"></script> </body> </html>
随时随地看视频慕课网APP
相关分类
Html5