Javascript 导致页面重新加载的按钮

我在我的页面上使用html和jquery

在我的html中，我有一个按钮，单击该按钮将启动一个函数

当页面加载时，我调用documentready中的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>

$（文档）.ready（函数（）{
main（）；
});
函数main（）{
//这里有一些代码
}
函数搜索（）{
//一些逻辑
}
搜寻

---

但当我点击按钮时，它进入

main

函数并执行其中的代码。为什么？它应该只调用函数search，而不调用其他函数。我做错了什么？

默认情况下，

按钮的类型为
提交
，请尝试此操作

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

搜索
默认情况下，
按钮的类型为
提交
，请尝试此操作

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

搜索
这对我来说很好。见演示


$（文档）.ready（函数（）{
main（）；
});
函数main（）{
//这里有一些代码
警报（“主”）；
}
函数搜索（）{
//一些逻辑
警报（“搜索”）；
}

搜寻
这对我来说很好。见演示


$（文档）.ready（函数（）{
main（）；
});
函数main（）{
//这里有一些代码
警报（“主”）；
}
函数搜索（）{
//一些逻辑
警报（“搜索”）；
}

搜寻
将您的代码添加到这些函数中，以便我们能够回答。问题的描述和问题的标题似乎不一样…将您的代码添加到这些函数中，以便我们能够回答。问题的描述和问题的标题似乎不一样。。。