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

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

javascript html

Javascript 如何定义包含要在HTML中执行的方法的JS文件,javascript,html,onclick,Javascript,Html,Onclick,我正在处理一个在internet上发现的项目示例，我试图知道如何从一个按钮调用一个简单的onclick方法。我尝试的是将其声明为： HTML <button id="bt_connect" src="./js/example.js" onclick="mqtt_sub();">MQTT CONNECTION</button> 错误未捕获引用错误：未定义mqtt_sub 在HTMLButtonElement.onclick 我知道我可以在HTML文件中定

我正在处理一个在internet上发现的项目示例，我试图知道如何从一个

按钮调用一个简单的onclick
方法。我尝试的是将其声明为：
HTML
        <button id="bt_connect" src="./js/example.js" onclick="mqtt_sub();">MQTT CONNECTION</button>

错误
未捕获引用错误：未定义mqtt_sub
在HTMLButtonElement.onclick
我知道我可以在HTML
文件中定义脚本，但我不能执行require（）

我想知道的是我的代码是不是错了，或者应该是这样的。我想再次检查它，以了解是否需要查看我的代码，或者我只是误解了项目的结构。按钮元素没有src属性。
如果要从按钮调用onclick方法，则需要调用JS文件本身中定义的函数
要使其识别此方法，可以在结束正文标记之前的脚本标记中添加JS文件
<html>
  <head>...</head>
  <body>
   ....
  <script src="your_src"></script>
  </body>
 </html>


...
....
按钮元素没有src属性。
如果要从按钮调用onclick方法，则需要调用JS文件本身中定义的函数
要使其识别此方法，可以在结束正文标记之前的脚本标记中添加JS文件
<html>
  <head>...</head>
  <body>
   ....
  <script src="your_src"></script>
  </body>
 </html>


...
....
很抱歉，您回答问题时，我正在更新我的问题。正如我所提到的，我不能使用这个解决方案，因为require（）不能在客户端使用。@Mario-你不必为此使用require。@Mario-好吧，尝试通过你发明的机制加载脚本，而浏览器不支持的机制不会作为副作用添加对require
的支持。把你的问题集中在一个问题上。这个答案解决了你的主要问题。你可以问一个关于支持require
的不同问题（虽然先搜索，但是关于在浏览器中使用require
或尝试使用为Node.js设计的代码，还有很多问题）。很抱歉，我在你回复问题时更新了我的问题。正如我所提到的，我不能使用这个解决方案，因为require（）不能在客户端使用。@Mario-你不必为此使用require。@Mario-好吧，尝试通过你发明的机制加载脚本，而浏览器不支持的机制不会作为副作用添加对require
的支持。把你的问题集中在一个问题上。这个答案解决了你的主要问题。您可以问一个关于支持require
的不同问题（尽管先搜索，但关于在浏览器中使用require
或尝试使用为Node.js设计的代码，还有很多问题）。如果要使用require，还必须在脚本标记中包含require.js。所以通过添加require.js库，您将在html中找到require。看起来您要执行的脚本是一个服务器端脚本。@Charu-require库不会有多大用处，除非所需的脚本最初设计为在浏览器中运行。如果您想使用require您还必须在脚本标记中包含require.js。因此，通过添加require.js库，您的html中将有两个脚本标记，您将发现require。看起来您要执行的脚本是一个服务器端脚本。@Charu-require库不会有多大用处，除非所需的脚本最初设计为在浏览器中运行。