为了账号安全,请及时绑定邮箱和手机立即绑定

如何在 HTML 中定义包含要执行的方法的 JS 文件

如何在 HTML 中定义包含要执行的方法的 JS 文件

慕仙森 2024-01-03 15:56:23
我正在处理一个在互联网上找到的项目示例,我试图知道如何onclick从一个项目中调用一个简单的方法button。我尝试过的是将其声明为:超文本标记语言        <button id="bt_connect" src="./js/example.js" onclick="mqtt_sub();">MQTT CONNECTION</button>调用function我定义的./js/example.jsfunction mqtt_sub() {var mqtt = require('mqtt');var client = mqtt.connect("url:1883"); // URL:portvar 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()我想知道的是我的代码是否错误,或者它应该是这样的。我想仔细检查一下,看看我是否需要查看我的代码,或者我只是误解了我的项目的结构。
查看完整描述

1 回答

?
ibeautiful

TA贡献1993条经验 获得超5个赞

按钮元素没有 src 属性。如果您想从按钮调用 onclick 方法,您需要调用 JS 文件本身中定义的函数。


要使其识别此方法,您可以将 JS 文件添加到结束 body 标记之前的 script 标记内。


<html>

  <head>...</head>

  <body>

   ....

  <script src="your_src"></script>

  </body>

 </html>


查看完整回答
反对 回复 2024-01-03
  • 1 回答
  • 0 关注
  • 98 浏览

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信