Buat bilah alat pencarian dengan JavaScript

Menggunakan JavaScript untuk membuat bilah alat pencarian

Zhou Yinhui No. 1, Kelas 03, Sekolah Perangkat Lunak, Universitas Sains dan Teknologi Elektronik Tiongkok

: Efek terakhir

2: Prinsip

Jika Anda mencari "China" di Yahoo, Anda akan mendapatkan serangkaian alamat seperti ini di bilah alamat browser: 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&Kirim=
Kelihatannya agak berantakan, mari kita sederhanakan: http://search.cn.yahoo.com/search?&p=%D6%D0%B9%FA
Ini adalah kuncinya. Di mana &p=%D6%D0%B9%FA adalah parameter kata kunci pencarian, dan %D6%D0%B9%FA adalah "China"
Pengkodean url. Oke, selama kita bisa membuat pengkodean seperti itu.

Tiga: pengkodean URL
Fungsi encodeURIComponent() JavaScript dapat menyelesaikan pekerjaan pengkodean.
Misalnya, dalam contoh di atas kita dapat menggunakan "http://search.cn.yahoo.com/search?&p="+encodeURIComponent("China");

Empat: Kode
(Klik tanda tambah untuk memperluas)

1 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Search.aspx.cs" Inherits="Search" %>
2
3 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
4
5 http://www.w3.org/1999/xhtml " >
6
7 Penelusuran
8
9 // 10
11 fungsi GetEncodeOfKey()
12 {
13 var strKey = window.document.getElementById("Text_Key").value;
14 mengembalikan encodeURIComponent(strKey);
15}
16
17 fungsi GetUrl(situs)
18 {
19 var encode=GetEncodeOfKey();
20
21 //web
22 if(document.getElementById("RadioButtonList_Kind_0").dicentang)
dua puluh tiga {
24 jika(situs=="google")
25 {
26 kembali " http://www.google.com/search?q="+encode+"&ei=UTF-8 ";
27}
28 lainnya
29 {
30 kembali " http://search.yahoo.com/search?p="+encode+"&ei=UTF-8 ";
31}
32}
33 //mp3
34 else if(document.getElementById("RadioButtonList_Kind_1").dicentang)
35 {
36 jika(situs=="google")
37 {
38 kembali " http://www.google.com/search?q="+encode +" mp3"+"&ei=UTF-8";
39 }
40 lainnya
41 {
42 kembali " 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").dicentang)
48 {
49 jika(situs=="google")
50 {
51 kembali " http://images.google.com/images?q="+encode+"&ei=UTF-8 ";
52 }
53 lainnya
54 {
55 kembali " http://images.search.yahoo.com/search/images?p="+encode+"&ei=UTF-8 ";
56 }
57 }
58 lainnya
59 {
60 //peringatan("err");
61 }
62
63
64}
65
66 fungsi Button_Google_onclick()
67 {
68 jendela.open(GetUrl("google"));
69 }
70
71 fungsi Button_Yahoo_onclick()
72 {
73 jendela.open(GetUrl("yahoo"));
74}
75
76 // ]]>
77
78
79
80