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

火力光波的博客

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

 
 
 

日志

 
 

搜索框编辑原理与方法1  

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

  下载LOFTER 我的照片书  |

本文以“百度视频”搜索为例,介绍如何获取搜索连接地址,再根据搜索连接地址,又如何编制“百度视频”搜索框。
一、搜索连接地址获取
打开百度搜索首页
,选择搜索类型“视频”,转到“百度视频”页面,在搜索框内输入“长城”,点击“百度一下”,这时就打开了搜索结果页面
地址:http://v.baidu.com/v?word=%E9%95%BF%E5%9F%8E&ct=301989888&rn=27&pn=0&db=0&s=0&fbl=800&ie=utf-8

这个搜索结果页面的地址,就是搜索连接地址,因未经过任何修改,它是原始的连接地址。
二、搜索连接地址分析
1、搜索连接地址的分段
百度视频搜索的原始连接地址:
http://v.baidu.com/v?word=%E9%95%BF%E5%9F%8E&ct=301989888&rn=27&pn=0&db=0&s=0&fbl=800&ie=utf-8
可作以下分段
http://v.baidu.com/v                    搜索连接主体
?word=                                      连接入口参数
%E9%95%BF%E5%9F%8E       输入的搜索内容,转义后为:“长城”
&ie=utf-8                                   编码参数,出现乱码时用。
&ct=301989888&rn=27&pn=0&db=0&s=0&fbl=800      其它参数
说明:搜索连接参数有:连接入口参数、编码参数和其它参数,什么地方使用需视情而定。
2、搜索连接地址的修改
搜索原始连接地址,可进行简化、转义等修改。百度视频搜索连接地址,修改前后组成的分段,有以下几种情形:
①原始连接地址:
http://v.baidu.com/v?word=%E9%95%BF%E5%9F%8E&ct=301989888&rn=27&pn=0&db=0&s=0&fbl=800&ie=utf-8
   组成:连接主体 + 入口参数 + 搜索内容 + 其它参数 + 编码参数。
②简化连接地址:
http://v.baidu.com/v?word=%E9%95%BF%E5%9F%8E&ie=utf-8
   组成:连接主体 + 入口参数 + 搜索内容 + 编码参数
③转义连接地址:
http://v.baidu.com/v?word=长城&ie=utf-8
   组成:连接主体 + 入口参数 + 搜索内容(转义) + 编码参数。
3、搜索连接地址的测试
凡经简化、转义等修改的搜索连接地址,必须经过测试是有效地址才能应用。
测试的方法:将修改后的搜索连接地址,复制粘贴到浏览器地址栏,按回车打开!
测试的标准:修改的搜索连接地址的打开效果,与原始连接地址的打开效果一样,为有效地址。
经测试,以上百度视频搜索简化和转义的连接地址,均为有效地址。
三、搜索框的编辑方法
方法一,搜索框的form格式编辑
1、form格式的模板
<form action="搜索连接主体" target="_blank">      <!--搜索连接主体-->
<input type="text" name="入口参数" size="" />     <!--输入框:入口参数、搜索内容-->
<input name="ie" type="hidden" value="utf-8"/>     <!--编码参数-->
<input type="submit" value="搜索"/>                     <!--提交按钮-->
</form>
说明:form格式最基本的模板,需要三项:搜索连接主体、输入框、提交按钮,不能再少了。
这里保留“编码参数”这项,是针对编辑百度视频搜索框的,如去掉这项,搜索框使用时就会出现乱码。
2、赋值后的实例代码
实例1,
<form action="
http://v.baidu.com/v" target="_blank">
<input type="text" name="word" size="" />
<input name="ie" type="hidden" value="utf-8"/>
<input type="submit" value="搜索"/></form>
实例1效果截图:

测试3. - 火力光波 - 火力光波的博客
实例2,
<form action="
http://v.baidu.com/v" target="_blank">
<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  size="" type="text" name="word" />
<input name="ie" type="hidden" value="utf-8" />
<input type="submit" value="搜索" />
<input type="reset" value="清除"></form>
实例2效果截图:
测试3. - 火力光波 - 火力光波的博客

3、实例代码编辑解读
以上两个实例,都源于form格式框架。实例2比实例1多两项:搜索名称、清除按钮,这两项与搜索运行无关。
form格式的编辑,适合于含有入口符号“?、=”、“搜索内容为编码”的搜索连接地址。
实例1、2应用的是百度视频搜索的简化连接地址:http://v.baidu.com/v?word=%E9%95%BF%E5%9F%8E&ie=utf-8。
给form格式的模板,赋值只需要两项:
一是,搜索连接主体:http://v.baidu.com/v; 二是,入口参数的输入值:word。
入口参数应是“?word=”,但这里输入的入口参数是“word”,也就是输入框的名称,这是因为制作的搜索框运行后,在参数或名称(word)前后,会自动添加符号:“?”与“=”。

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

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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