我们自己开发的个人网站有时需要将百度搜索加上,怎么加呢?
其实很简单,将如下代码加到自己需要的网页上即可:
当然有技术的朋友可以到hao123上参考,将hao123上的百度搜索条拿来自己用。
<form data-hook="searchForm" action="https://www.baidu.com/s">
<div class="searchWrapper">
<ul>
<li>
<img src="https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2017-09-26/352f1d243122cf52462a2e6cdcb5ed6d.png" width="128px" height="40px" class="imgbaidu"/>
</li>
<li>
<input placeholder="搜你想搜的" name="wd" value="" class="textInputBaidu" type="text" autocomplete="off" />
</li>
<li>
<button type="submit" class="btnBaidu">百度一下</button>
<input id="search_tn" type="hidden" value="kkjhy" name="tn" />
</li>
</ul>
</div>
</form>
用JS写的话,可以这样写:
1.先在你的网页上加个div,如下:
<div id="divSearchBaidu"></div>
2.用JS给个这个div显示搜索条:
var strHtml = "<form data-hook=\"searchForm\">\n" +
" <div class=\"searchWrapper\">\n" +
" <ul>\n" +
" <li>\n" +
" <img src=\"https://gss0.bdstatic.com/5bVWsj_p_tVS5dKfpU_Y_D3/res/r/image/2017-09-26/352f1d243122cf52462a2e6cdcb5ed6d.png\"\n" +
" width=\"128px\" height=\"40px\" class=\"imgbaidu\"/>\n" +
" </li>\n" +
" <li>\n" +
" <input placeholder=\"搜你想搜的\" name=\"wd\" value=\"\" class=\"textInputBaidu\" type=\"text\"\n" +
" autocomplete=\"off\" />\n" +
" </li>\n" +
" <li>\n" +
" <button type=\"submit\" class=\"btnBaidu\">百度一下</button>\n" +
" <input id=\"search_tn\" type=\"hidden\" value=\"\" name=\"tn\" />\n" +
" </li>\n" +
" </ul>\n" +
" </div>\n" +
" </form>";
$("#divSearchBaidu").html(strHtml);
}
$("#search_tn").val("kkjhy");
$("[data-hook=searchForm]").attr("action","https://www.baidu.com/s");
$("[data-hook=searchForm]").attr("target","_blank");
扫二维码关注枯客集合页,也可访问:http://www.kkjhy.com