如何将onclick事件链接到javascript?

时间:2017-06-18 04:03:47

标签: javascript onclick

我正在尝试链接以下onclick函数

<body>

<form action="/action_page.php">
Nombre o RUT:<br>
<input type="text" name="firstname" value=" ">
<button onclick="myFunction()">Click me</button>
</form>

<script type="text/javascript">

var myLink = document.getElementById('mylink');

myLink.onclick = function(){

    var script = document.createElement("script");
    script.type = "text/javascript";
    script.src = "https://rutificadorcom.s3.amazonaws.com/CACHE/js/fdb8313f6402.js"; 
    document.getElementsByTagName("head")[0].appendChild(script);
    return false;

}


</script>


</body>

到此处发布的js代码:https://rutificadorcom.s3.amazonaws.com/CACHE/js/fdb8313f6402.js

但我不知道为什么单击按钮后我的搜索不会产生任何结果。

我已经将js代码复制并粘贴到计算机上的本地文件中,以便在我自己的计算机中引用它。但是,这一行动也没有奏效。

1 个答案:

答案 0 :(得分:0)

点击按钮时,按一下按钮即可做某事。&#34;在您的代码中,只需将您要执行的功能命名为&#39; myFunction&#39; (你在onclick上推荐的同名)。

您的代码已修复:

<body>

<form action="/action_page.php">
Nombre o RUT:<br>
<input type="text" name="firstname" value=" ">
<button onclick="myFunction()">Click me</button>
</form>

<script type="text/javascript">

function myFunction() {
  alert("Hi!");
}

</script>

</body>

这样可行但是,如果你在外部js文件上执行此操作并且没有onclick会更好。

<强> HTML:

<button id="alertButton">Click me</button>

<强> JS:

var buttonWithAlert = document.querySelector('#alertButton');

buttonWithAlert.addEventListener("click", function(){
    alert("Hi!");
});