一个实现站内搜索的trick

实现一个简易的站内搜索功能

发现的一个实现站内搜索的小技巧,代码如下

  1. html部分
    google搜索

    1
    2
    3
    4
    <form action="https://google.com/search" target="_blank" type="GET">
    <input type="search" name="q">
    <input type="submit" value="search">
    </form>

    baidu搜索

    1
    2
    3
    4
    <form action="https://www.baidu.com/s" target="_blank" type="GET">
    <input type="search" name="wd">
    <input type="submit" value="search">
    </form>

    duckduckgo搜索

    1
    2
    3
    4
    <form action="https://duckduckgo.com/" target="_blank" type="GET">
    <input type="search" name="q">
    <input type="submit" value="search">
    </form>
  2. js部分

    1
    2
    3
    4
    5
    6
    7
    8
    var form = document.querySelector("form");
    form.addEventListener("submit", function(e) {
    e.preventDefault();
    var search = form.querySelector("input[type=search]");
    search.value = "site:yrq110.me " + search.value;
    form.submit();
    });

不过这种方法存在两个问题:

  1. 用户会离开你的站点
  2. 用户会看到广告

除此之外还有其他解决方案,比如使用Google Site Search (GSS)Custom Search Engine (CSE) Algolia

参考

文章目录
  1. 1. 参考
|