首页 > 文章资讯 > 站长教程 > 建站知识 > 网站实现百度站内搜索代码jquery

网站实现百度站内搜索代码jquery

时间：2023年10月04日

来源：网络

编辑：佚名

首先，我们使用$(document).ready()方法来确保文档加载完毕后再执行下面的代码。
然后，我们选择类名为’sform’的表单元素，并注册submit事件。
在submit事件的处理函数中，我们首先通过e.preventDefault()方法阻止表单的默认提交行为，避免跳转到百度搜索页面。
然后，我们获取输入框中用户输入的关键词。
接下来，我们将输入框的值与”site:www.78moban.com “进行拼接，形成完整的搜索查询语句。将该搜索查询语句编码后拼接到百度搜索的URL中。
最后，我们使用window.open()方法打开拼接后的搜索URL，在新页面中进行搜索。
html部分：
<form name="search" method="get" class="sform" action="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=baidu">
<input class="sinput" name="wd" type="text" placeholder="请输入搜索词">
<button>
<i class="fa fa-search"></i>
</button>
</form>
jQuery部分：
$(document).ready(function(){
$('.sform').submit(function(e){
e.preventDefault(); // 阻止表单默认提交行为
var keyword = $('.sinput').val();
var searchQuery = 'site:www.78moban.com ' + keyword;
var searchUrl = 'https://www.baidu.com/s?wd=' + encodeURIComponent(searchQuery);
window.open(searchUrl, '_blank');
});
});

新闻资讯更多

猜你需要