JS document.getElementById执行按钮单击

Question

我是JavaScript的新手,所以请耐心等待.

我有以下代码:

<input id="test" name="test" type="text" value="" /> 
<input id="test" type="button" value="Go!" /> 
<script type="text/javascript">
    window.location.href="http://www.thenewendurancefitness.com/" + document.getElementById('test').value;
</script>

我希望代码只能在按下按钮时执行.该功能是将用户输入数据添加到URL的末尾,然后在按钮单击时,加载该URL.

截至目前,当我加载页面时,它会自动执行并转到URL.

Answer 1

1. 您有两个具有相同ID的输入字段，这是不行的！将第二个更改为其他内容！

2. 将您当前的JavaScript代码放入函数中

   function clickHandler(event) {
       // Your code...
   }
   

3. 将事件侦听器附加到您的容器

   var myContainer;
   
   // assign element from DOM
   myContainer = document.getElementById(ID_OF_CONTAINER);
   
   // attach event handler
   myContainer.addEventListener('click', clickHandler);
   

这应该够了吧

Answer 2

<input id="test" name="test" type="text" value="" /> 
<input id="test2" type="button" onclick="fnc()" value="Go!" /> 
<script type="text/javascript">
function fnc(){
window.location.href="http://www.thenewendurancefitness.com/" + document.getElementById('test').value;
}

</script>