用JavaScript打造搜索工具栏

2009-12-16 23:32| 发布者: admin| 查看: 30| 评论: 0|原作者: 潇潇雨

电子科技大学软件学院03级2班周银辉
一:最终效果

二:原理
如果你在Yahoo中搜索“中国”，那么在浏览器的地址栏将得到这样一串地址：http://search.cn.yahoo.com/search?ei=gbk&fr=fp-tab-web-ycn&meta=vl%
3Dlang_zh-CN%26vl%3Dlang_zh-TW&pid=ysearch&source=ysearch_www_hp_button
&p=%D6%D0%B9%FA&Submit=
看上去有些乱了，简化一下：http://search.cn.yahoo.com/search?&p=%D6%D0%B9%FA
这就是关键.其中&p=%D6%D0%B9%FA是搜索的关键字参数，而%D6%D0%B9%FA是“中国”的
Url编码。OK，我们只要能构造出这样的编码就好了。
三：URL编码
JavaScript的encodeURIComponent()函数可以完成编码工作。
比如上面的例子我们可以用“http://search.cn.yahoo.com/search?&p=”＋encodeURIComponent(“中国”)；来完成。
四：代码
(点击加号展开）
1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Search.aspx.cs" Inherits="Search" %>
2
3
4
5
6
7 Search
8
78
79
80

82

83

84 Search

85
86

88

89
90
91
93
95
102
103
104
106
111
112

92 Key	94	96 97 Style="position: relative" Font-Names="terminal"> 98 Web 99 Mp3 情缘.教程_网 [http://Www.XiuGoo.Com] 100 Image 101
105	107 108 109 110 value="Yahoo!" onclick="return Button_Yahoo_onclick()" />

113

114

115 Home

116
117

收藏分享邀请

		自动登录	找回密码
密码			注册

用JavaScript打造搜索工具栏

最新评论

相关分类