编写HTML按钮以链接到JavaScript文件
我正在尝试用HTML编写一个按钮,当它被点击时链接到一个单独的JavaScript文件,这个按钮的代码如下编写HTML按钮以链接到JavaScript文件,javascript,html,button,Javascript,Html,Button,我正在尝试用HTML编写一个按钮,当它被点击时链接到一个单独的JavaScript文件,这个按钮的代码如下 <input type="button" id="clickme" value="Submit" /> 我使用的是括号代码编辑器,我想要链接的js文件与我的HTML代码在同一个项目中,如果这有帮助的话 提前感谢将脚本加载到包含元素的页面中 将代码保存在一个文件中,而不是在加载脚本时简单地运行整个过程 在DOM中找到按钮(例如with),并将函数绑定为click event
<input type="button" id="clickme" value="Submit" />
我使用的是括号代码编辑器,我想要链接的js文件与我的HTML代码在同一个项目中,如果这有帮助的话
提前感谢将脚本加载到包含元素的页面中 将代码保存在一个文件中,而不是在加载脚本时简单地运行整个过程
在DOM中找到按钮(例如with),并将函数绑定为click event listener with)。如果您是指链接,我将使用
或者您指的是onclick
属性,它是:
然而,正如有人指出的那样,这也不是最佳做法
提供了一些选项,并强调了
onclick
不是触发Javascript函数的最佳方式。只需通过以下方式将js脚本链接到页面:
<script src="js/button.js"></script>
你说林克是什么意思?比如将用户带到浏览器?或者调用一个Javascript函数?调用一个Javascript函数,很抱歉我是新手,不要使用
onclick
属性。他们有严重的问题,不能将问题分开。W3Schools不是一个好的参考。这经常会产生误导,有些事情是完全错误的,而且几乎从来都不是最佳实践的例子。@Quentin,这是真的,我通常会使用你提到的EventListener,但我试图针对特定的问题。就个人而言,我会使用jQuery。单击或。打开('click'…
),因为我的项目几乎都使用jQuery。
<button id="btnShow"><h1 class="jumbotron-heading">Expand</h1></button>
<p class="p1">Test</p1>
$('#btnShow').click(function(){
$('.p1').show();
});