Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
编写HTML按钮以链接到JavaScript文件_Javascript_Html_Button - Fatal编程技术网

编写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

我正在尝试用HTML编写一个按钮,当它被点击时链接到一个单独的JavaScript文件,这个按钮的代码如下

<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();
});