百度站内搜索框 自己定义样式、显示方式...（瓜头酱油的发现） 供 站内搜索入门 者围观

这次需要做一个百度的站内搜索， 刚开始做这个东西什么都不知道，心里急了， 公司的人 看我比较急也给我指定了一下，但是全公司就我一个PHP程序员， 还是我自己摸索吧， 哈哈哈哈 刚好现在找到了资料... 留一份

1、首先 站内搜索 需要一个供用户输入的输入框和可以提交的按钮，下面的<!--Baidu站内搜索开始--> <!--Baidu站内搜索结束--> 中的内容你就可以看出 来哪一个是文本框哪一个是提交按钮了，找到了表单元素就可以设置自己的样式了。

2、然后就是提交地点的问题了...这个当然不用去考虑 因为使用的是百度站内搜索框提交的地方当然是百度啦..

3、查询的站点？ 站内搜索当然要 在代码上要搜索的是哪一个站点，下面代码中的 var link 变量里面写着一个 www.williamlong.info
这个你就要改成你自己的网站地址了...

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


闪人