如何将搜索表单重定向到站点范围的Google搜索

2020-06-15164次阅读javascript

这只是一个很小的技巧,在一个你没有时间或者不想构建一个真正好的网站搜索解决方案的网站上,这可能会有帮助。Google.com网站它本身可以执行范围为一个特定站点的搜索。

<form action="https://google.com/search" target="_blank" type="GET">

  <label>
     Search CSS-Tricks on Google: 
     <input type="search" name="q">
   </label>

  <input type="submit" value="Go">

</form>

提交该表单后,我们将对其进行拦截并更改其值以包含特殊语法:

var form = document.querySelector("form");

form.addEventListener("submit", function (e) {
  e.preventDefault();
  var search = form.querySelector("input[type=search]");
  search.value = "site:xinran001.com" + search.value;
  form.submit();
});

 

上一篇: CSS伪元素::marker选择列表项的标记框  下一篇: FormData与Content-Type类型关系  

如何将搜索表单重定向到站点范围的Google搜索相关文章