首頁 > web前端 > js教程 > 主體

透過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
登入後複製

【相關推薦】

#1. Javascript免費視訊教學

2. JavaScript運動框架之多值運動的具體介紹(四)

3. JavaScript運動框架之多物體任意值運動的範例程式碼分享(三)

4. JavaScript運動框架之如何解決防抖動問題、懸浮對聯(二)

5. JavaScript運動框架之如何解決速度正負取整問題(一)

#

以上是透過javascript實現搜尋工具列的實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!