百度站內搜尋框 自己定義樣式、顯示方式...(瓜頭醬油的發現) 供 站內搜尋入門 者圍觀
這次需要做一個百度的站內搜尋, 剛開始做這個東西什麼都不知道,心裡急了, 公司的人 看我比較急也給我指定了一下,但是全公司就我一個PHP程式設計師, 還是我自己摸索吧, 哈哈哈哈 剛好現在找到了資料... 留一份
1、首先 站內搜尋 需要一個供使用者輸入的輸入框和可以提交的按鈕,下面的<!--Baidu站內搜尋開始--> <!--Baidu站內搜尋結束--> 中的內容你就可以看出 來哪一個是文字框哪一個是提交按鈕了,找到了表單元素就可以設定自己的樣式了。
2、然後就是提交地點的問題了...這個當然不用去考慮 因為使用的是百度站內搜尋框提交的地方當然是百度啦..
3、查詢的站點? 站內搜尋當然要 在程式碼上要搜尋的是哪一個站點,下面程式碼中的 var link 變數裡面寫著一個
4、最後一步就是顯示的方式,這裡我要做到的就是 顯示在一個 iframe 框裡面,由於這個程式碼可以放在 本機上測試,所以我們可以隨便寫一個 HTML檔案,然後把下面的程式碼 複製到這個檔案裡面,再寫上一個 <iframe id='baidusearch' src=''></iframe> , 把window.open(link); 遮蔽掉,寫上一句 document.getElementById('baidusearch').src=link; 就可以了,這裡我就不再做解釋了,這裡沒有什麼 複雜的函式,只要學過HTML、JS的同學應該都明白, 好了下面我把 我本機上面測試的程式碼放上,參考一下
參考程式碼:
<!--Baidu站內搜尋開始-->
<script language="javascript">
function baidusearch () {
var wd=document.getElementsByName("wd")[0].value;
var link="http://www.baidu.com/s?si=www.williamlong.info&cl=3&ct=2097152&tn=baidulocal&word="+wd;
window.open(link);
}
</script>
<input type="text" name="wd" class="" /><input class="" type="submit" onclick="javascript:baidusearch()" value="Baidu 搜尋" /><br />
<!--Baidu站內搜尋結束-->
供本機測試程式碼,這裡的測試程式碼可放到 任意磁碟位置的一個HTML檔案中,意思就是非常好測試
<!--Baidu站內搜尋開始-->
<script language="javascript">
function baidusearch () {
var wd=document.getElementsByName("wd")[0].value;
var link="http://www.baidu.com/s?si=要搜尋的網站&cl=3&ct=2097152&tn=baidulocal&word="+wd;
//window.open(link);
document.getElementById('baidusearchFrame').src=link;
}
</script>
<input type="text" name="wd"/><input type="submit" onclick="javascript:baidusearch()" value="Baidu 搜尋" /><br />
<!--Baidu站內搜尋結束-->
<iframe id="baidusearchFrame" src=''>
</iframe>
記得把上面的 “要搜尋的網站” 改為你自己的 網站地址 如:www.wjapc.com
閃人