按钮导致页面重新加载

在我的html中，我有一个按钮，点击时会激发一个功能。

当页面加载时，我在文档准备好时调用main函数。这里是我的代码

<script> 
     $(document).ready(function() { 
     main(); 

     }); 
     function main(){ 
      //some code goes here 
     } 

     function search(){ 
      //some logic 
     } 
</script> 

<div> 
    <button id="btnSearch" onclick="search()" >Search</button> 
</div>

但是当我点击链接然后走了进去main功能并执行里面的代码。为什么？它应该只调用函数搜索，没有别的。我究竟做错了什么？

来源

2016-05-06 Happy

添加代码的这些功能里面，这样我们可以回答。 – Uzbekjon

问题的描述和问题的标题似乎并不是一回事...... – David

默认BUTTONS是SUBMIT型的，试试这个，而不是

<button type="button" id="btnSearch" onclick="search()" >Search</button>

来源

2016-05-06 12:53:58 imvain2

谢谢你这样做 – Happy

这是对我工作的罚款。观看演示

 $(document).ready(function() { 
 
     main(); 
 

 
     }); 
 
     function main(){ 
 
     \t \t //some code goes here 
 
     \t \t \t alert('main');   
 
     } 
 

 
     function search(){ 
 
      //some logic 
 
      alert('search'); 
 
     }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div> 
 
    <button id="btnSearch" onclick="search()" >Search</button> 
 
</div>

来源

2016-05-06 12:56:40

按钮导致页面重新加载

回答

相关问题