用JavaScript打造搜索工具栏
用javascript打造搜索工具栏
电子科技大学软件学院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 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4
5 <html xmlns="http://www.w3.org/1999/xhtml" >
6 <head runat="server">
7 <title>Search</title>
8 <script language="javascript" type="text/javascript">
9 // <!CDATA[
10
11 function GetEncodeOfKey()
12 {
13 var strKey = window.document.getElementById("Text_Key").value;
14 return encodeURIComponent(strKey);
15 }
16
17 function GetUrl(site)
18 {
19 var encode=GetEncodeOfKey();
20
21 //web
22 if(document.getElementById("RadioButtonList_Kind_0").checked)
23 {
24 if(site=="google")
25 {
26 return "http://www.google.com/search?q="+encode+"&ei=UTF-8";
27 }
28 else
29 {
30 return "http://search.yahoo.com/search?p="+encode+"&ei=UTF-8";
31 }
32 }
33 //mp3
34 else if(document.getElementById("RadioButtonList_Kind_1").checked)
35 {
36 if(site=="google")
37 {
38 return "http://www.google.com/search?q="+encode+" mp3"+"&ei=UTF-8";
39 }
40 else
41 {
42 return "http://audio.search.yahoo.com/search/audio?&p="+encode+"&ei=UTF-8";
43
44 }
45 }
46 //img
47 else if(document.getElementById("RadioButtonList_Kind_2").checked)
48 {
49 if(site=="google")
50 {
51 return "http://images.google.com/images?q="+encode+"&ei=UTF-8";
52 }
53 else
54 {
55 return "http://images.search.yahoo.com/search/images?p="+encode+"&ei=UTF-8";
56 }
57 }
58 else
59 {
60 //alert("err");
61 }
62
63
64 }
65
66 function Button_Google_onclick()
67 {
- ·.NET调用Oracle存储过程，使用数组类型的参
- ·讲解用.NET编写串口程序的一点心得
- ·Ado.net快马加鞭
- ·微软Asp.net Ajax 1.0的AutoComplete控件的
- ·用WinDbg探索CLR世界 [4] 方法的调用机制
- ·画带阴影效果的文字
- ·高亮网页中的关键字
- ·在气泡式提示窗口中显示关闭按钮和链接。
- ·FlatStyle按钮自己做
- ·Windows2000平台下混合编程屏蔽键盘事件
- ·软件设计师考试大纲[2004下半年]
- ·利用Office 2003 Schemas创建Excel文件
- ·Notification服务的一种实现
- ·用异步方式解析域名
- ·MonoDevelop 安装手记
- ·dotnet中的错误处理
·通过 HTTP POST 上传文件到服务器.
·在气泡式提示窗口中显示关闭按钮和链接。
·Windows2000平台下混合编程屏蔽键盘事件
·发现了一个更好的反编译工具，超级牛，甚至超
·高亮网页中的关键字
·．NET真面目（上）
·两个客户端操作TreeView节点CheckBox的小例子
·用API修改注册表的完整模块
·用WinDbg探索CLR世界 [4] 方法的调用机制
·使用RangeValidator
·用WinDbg探索CLR世界 [2] 线程
·用WinDbg探索CLR世界[1] - 安装与环境配置
·日历控件
·如何识别键盘左右的shift,Ctrl或Alt键
·画带阴影效果的文字
·动画启动窗口的类(源码)
·删除自己
·FlatStyle按钮自己做
·讲解用.NET编写串口程序的一点心得