注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

火力光波的博客

火一般的热情 光一样的速度

 
 
 

日志

 
 

搜索框编辑原理与方法2  

2017-11-23 20:06:51|  分类: 搜索代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

方法二,搜索框的js格式编辑
1、js格式代码的实例
实例3,百度视频搜索代码
<a href="
http://v.baidu.com/" target="_blank">
<img src="
https://www.2345.com/i/search0320/baidu_video.gif" align="bottom" border="0"></a>
<input type="text" id="se" value=""/>

<input type="button" onclick="play()"value="搜索" />
<script>

function play(){
  var api = document.getElementById("se").value;
  if(api=="" || api==null)
  {
 alert('请输入搜索内容!');return;
  }
  var url = document.getElementById("open");
  url = "http://v.baidu.com/v?word=" + api + "&ie=utf-8";
  window.open(url);
 }
</script>
实例3效果截图:

测试4. - 火力光波 - 火力光波的博客
实例4,百度-多类型搜索代码
<div  align="center">
<select id="se1">

<option value="https://www.baidu.com/s?word=">&nbsp;百度搜索</option>
<option value="http://news.baidu.com/ns?word=">&nbsp;百度新闻</option>
<option value="http://music.baidu.com/search?key=">&nbsp;百度音乐</option>
<option value="http://v.baidu.com/v?ie=utf-8&word=">&nbsp;百度视频</option>
<option value="http://image.baidu.com/search/index?tn=baiduimage&ie=gbk&word=">&nbsp;百度图片</option>
<option value="http://tieba.baidu.com/f?kw=">&nbsp;百度贴吧</option>
<option value="http://map.baidu.com/?newmap=1&ie=utf-8&s=s&wd=">&nbsp;百度地图</option>
<option value="https://zhidao.baidu.com/search?lm=0&rn=10&pn=0&fr=search&ie=gbk&word=">&nbsp;百度知道</option>
<option value="https://wenku.baidu.com/search?org=0&ie=gbk&word=">&nbsp;百度文库</option>
</select>
<input type="text" size="30" id="se2" value=""/>

<input type="button" onclick="play()"value="搜索" />
<script type="text/javascript">
function play(){
 var ap1 = document.getElementById("se1").value;
 var ap2 = document.getElementById("se2").value;
 if(ap2=="" || ap2==null)

 {
 alert('请输入搜索内容!');return;
 }
 var url = document.getElementById("open");
 url = ap1 + ap2;
        window.open(url);
}
</script>
</div>
实例4效果截图:

测试4. - 火力光波 - 火力光波的博客
实例5,视频-多网站搜索代码
<div align="left">
<form id="sou">
<input type="radio" name="ss" id="url01" checked="checked" />百度&nbsp;
<input type="radio" name="ss" id="url02" />搜狗&nbsp; 
<input type="radio" name="ss" id="url03" />2345&nbsp;
<input type="radio" name="ss" id="url04" />优酷&nbsp; 
<input type="radio" name="ss" id="url05" />奇艺&nbsp;
<input type="radio" name="ss" id="url06" />土豆&nbsp;<br/>
<input type="radio" name="ss" id="url07" />风行&nbsp;
<input type="radio" name="ss" id="url08" />天天&nbsp; 
<input type="radio" name="ss" id="url09" />央视&nbsp;
<input type="radio" name="ss" id="url10" />音悦&nbsp; 
<input type="radio" name="ss" id="url11" />56网&nbsp;
<input type="radio" name="ss" id="url12" />新浪&nbsp;<br/>
<input type="text" id="key" size="38" value="" />
<input type="button" onclick="zjpj()" value="视频搜索"/><br/>
</form>

<script>
<!--
function zjpj(){
    var api = document.getElementById("key").value;
    if(api=="" || api==null)
    {
 
 alert('请输入视频名称!');return;
    }
   if(sou.url01.checked)window.open("http://v.baidu.com/v?word="+api,"");
   if(sou.url02.checked)window.open("http://v.sogou.com/v?query="+api,"");
   if(sou.url03.checked)window.open("http://kan.2345.com/search_"+api,"");
 
  if(sou.url04.checked)window.open("http://www.soku.com/search_video/q_"+api,"");
   if(sou.url05.checked)window.open("http://so.iqiyi.com/so/q_"+api,"");
   if(sou.url06.checked)window.open("http://www.soku.com/nt/search/q_"+api,"");
 
  if(sou.url07.checked)window.open("http://www.fun.tv/search/?word="+api,"");
 
  if(sou.url08.checked)window.open("http://search.kankan.com/search.php?keyword="+api,"");
   if(sou.url09.checked)window.open("http://search.cctv.com/search.php?qtext="+api,"");
 
  if(sou.url10.checked)window.open("http://so.yinyuetai.com/?keyword="+api,"");
 
  if(sou.url11.checked)window.open("http://so.56.com/all/"+api+"/","");
 
  if(sou.url12.checked)window.open("http://so.video.sina.com.cn/s?wd="+api,"");
   
return false;
   
}
 
-->
</script>
</div>
实例5效果截图:

测试4. - 火力光波 - 火力光波的博客
2、实例代码编辑解读
本方法编辑,适合于含有“中文”或没有“入口参数”的搜索连接地址。
本实例应用的是:百度视频搜索转义的连接地址:
http://v.baidu.com/v?word=长城&ie=utf-8。
将“连接主体、入口参数、编码参数等”分成一或两个部分,作字符串处理;将“搜索内容”作变量处理。

测试工具:代码运行
相关连接:搜索框编辑原理与方法1

  评论这张
 
阅读(11)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018