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

这次需要做一个百度的站内搜索, 刚开始做这个东西什么都不知道,心里急了, 公司的人 看我比较急也给我指定了一下,但是全公司就我一个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" οnclick="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" οnclick="javascript:baidusearch()" value="Baidu 搜索" /><br />
<!--Baidu站内搜索结束-->

<iframe id="baidusearchFrame" src=''>
</iframe>

 

 

 

 

记得把上面的 “要搜索的网站” 改为你自己的 网站地址 如:www.wjapc.com

 

 

 

 

 

 

 

 

 

 

 

 

  闪人

 

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值