国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .NET > 正文

用javascript打造搜索工具欄

2020-01-18 01:54:48
字體:
供稿:網(wǎng)友

一:最終效果

二:原理

如果你在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
這就是關(guān)鍵.其中&p=%D6%D0%B9%FA是搜索的關(guān)鍵字參數(shù),而%D6%D0%B9%FA是“中國”的
Url編碼。OK,我們只要能構(gòu)造出這樣的編碼就好了。

三:URL編碼
JavaScript的encodeURIComponent()函數(shù)可以完成編碼工作。
比如上面的例子我們可以用“http://search.cn.yahoo.com/search?&p=”+encodeURIComponent(“中國”);來完成。

四:代碼
(點擊加號展開)

復制代碼 代碼如下:

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Search.aspx.cs" Inherits="Search" %>

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

 <html xmlns="http://www.w3.org/1999/xhtml" >
 <head runat="server">
     <title>Search</title>
 <script language="javascript" type="text/javascript">
 // <!CDATA[

 function GetEncodeOfKey()
 {
     var strKey = window.document.getElementById("Text_Key").value;      
     return  encodeURIComponent(strKey); 
 }

 function GetUrl(site)
 {
     var encode=GetEncodeOfKey();

     //web
     if(document.getElementById("RadioButtonList_Kind_0").checked)
     {
         if(site=="google")
         {
             return "http://www.google.com/search?q="+encode+"&ei=UTF-8";
         }
         else
         {
             return "http://search.yahoo.com/search?p="+encode+"&ei=UTF-8";
         }
     }
     //mp3
     else if(document.getElementById("RadioButtonList_Kind_1").checked)
     {
         if(site=="google")
         {
             return "http://www.google.com/search?q="+encode+" mp3"+"&ei=UTF-8";
         }
         else
         {
             return "http://audio.search.yahoo.com/search/audio?&p="+encode+"&ei=UTF-8";

         }
     }
     //img
     else if(document.getElementById("RadioButtonList_Kind_2").checked)
     {
         if(site=="google")
         {
             return "http://images.google.com/images?q="+encode+"&ei=UTF-8";
         }
         else
         {
             return "http://images.search.yahoo.com/search/images?p="+encode+"&ei=UTF-8";
         }
     }
     else
     {
         //alert("err");
     }

     
 }

 function Button_Google_onclick() 
 {
     window.open(GetUrl("google"));
 }

 function Button_Yahoo_onclick() 
 {
     window.open(GetUrl("yahoo"));
 }

 // ]]>
 </script>
 </head>
 <body>
     <form id="form1" runat="server">
     <div>
         <br />
         <br />
         <strong><span style="font-size: 24pt; color: #336633">Search<br />
         </span></strong>
     </div>
     <hr style="position: relative" />
         <br />
         <table style="left: 0px; position: relative; top: 0px">
             <tr>
                 <td style="width: 31px; height: 21px">
                     <span style="font-family: Terminal">Key</span></td>
                 <td style="width: 253px; height: 21px">
                     <input id="Text_Key" style="width: 248px; position: relative" type="text" /></td>
                 <td style="width: 175px; height: 21px">
                     <asp:RadioButtonList ID="RadioButtonList_Kind" runat="server" RepeatDirection="Horizontal"
                         Style="position: relative" Font-Names="terminal">
                         <asp:ListItem Selected="True">Web</asp:ListItem>
                         <asp:ListItem>Mp3</asp:ListItem>
                         <asp:ListItem>Image</asp:ListItem>
                     </asp:RadioButtonList></td>
             </tr>
             <tr>
                 <td style="width: 31px">
                 </td>
                 <td colspan="2">
                     <input id="Button_Google" style="width: 80px; position: relative" type="button" value="Google" onclick="return Button_Google_onclick()" />
                              
                     <input id="Button_Yahoo" style="left: -29px; width: 104px; position: relative" type="button"
                         value="Yahoo!" onclick="return Button_Yahoo_onclick()" /></td>
         </table>
         <br />
         <hr style="position: relative" />
         <asp:HyperLink ID="HyperLink_Home" runat="server" NavigateUrl="~/Default.aspx" Style="position: relative">Home</asp:HyperLink></form>
 </body>
 </html>

 

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 思茅市| 巨野县| 福贡县| 南安市| 湛江市| 乌鲁木齐市| 玉树县| 灵武市| 濉溪县| 祁东县| 榆中县| 依兰县| 淮安市| 九龙县| 普宁市| 临江市| 朝阳市| 随州市| 巴林右旗| 大丰市| 革吉县| 镇雄县| 墨脱县| 育儿| 桐柏县| 通河县| 固阳县| 东丽区| 宜兴市| 武汉市| 茂名市| 赣州市| 壤塘县| 天台县| 图木舒克市| 平顶山市| 铜川市| 东阿县| 武清区| 乌拉特后旗| 龙南县|