最新公告
  • 欢迎您光临源码资源下载站,一个优质的网站源码和小程序源码分享基地。
  • 网站实现百度站内搜索代码jquery

    正文概述 建站知识   2023-12-15 21:11:52  
    首先,我们使用$(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');
      });
    }); 网站实现百度站内搜索代码jquery
    皓玉源码网,一个优质的源码资源平台!
    皓玉源码网 » 网站实现百度站内搜索代码jquery