通过javascript实现搜索工具栏的实例详解-JS 튜토리얼-php.cn

通过javascript实现搜索工具栏的实例详解

巴扎黑

풀어 주다： 2017-05-22 11:46:09

원래의

1475명이 탐색했습니다.

一:最终效果
通过javascript实现搜索工具栏的实例详解

二:原理

如果你在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(“中国”)；来完成。

四：代码
(点击加号展开）

代码如下:

 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Search.aspx.cs" Inherits="Search" %> 
  
  
  
     Search 
  
 
 
  
      
      
         
 
         
 
         Search
 
          
      
      
         
 
          
              
                  
                     Key 
                  
                      
                  
                      
                         Web 
                         Mp3 
                         Image 
                      
              
              
                  
                  
                  
                      
                               
                      
          
         
 
          
         Home