用JavaScript打造搜索工具栏

ASP.NET教程 2009-06-30

用JavaScript打造搜索工具栏

电子科技大学软件学院03级2班 周银辉

一:最终效果

二:原理

如果你在Yahoo中搜索“中国”,那么在浏览器的地址栏将得到这样一串地址:
3Dlang_zh-CN%26vl%3Dlang_zh-TW&pid=ysearch&source=ysearch_www_hp_button
&p=%D6%D0%B9%FA&Submit=
看上去有些乱了,简化一下:
这就是关键.其中&p=%D6%D0%B9%FA是搜索的关键字参数,而%D6%D0%B9%FA是“中国”的
Url编码。OK,我们只要能构造出这样的编码就好了。

三:URL编码
JavaScript的encodeURIComponent()函数可以完成编码工作。
比如上面的例子我们可以用“http://search.**c*n.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    


 81    

 82        

 83        

 84         Search

 85        

 86    

 87    

 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
100                         Image
101                    

105                

107                    
108                              
109                     110                         value="Yahoo!" onclick="return Button_Yahoo_onclick()" />

113        

114        

115         Home

116
117
118