详情页

网站实现百度站内搜索代码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');
  });
});
相关文章
猜你需要