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 <!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 <kepala runat="server">
7 <judul>Penelusuran</judul>
8 <skrip bahasa="javascript" type="teks/javascript">
9 // <!CDATA[
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 </skrip>
78 </kepala>
79 <tubuh>
80 <form id="form1" runat="server">
81 <div>
82 <br />
83 <br />
84 <strong><span style="font-size: 24pt; color: #336633">Penelusuran<br />
85 </span></strong>
86 </div>
87 <hr style="posisi: relatif" />
88 <br />
89 <tabel style="kiri: 0px; posisi: relatif; atas: 0px">
90 <tr>
91 <td style="lebar: 31 piksel; tinggi: 21 piksel">
92 <span style="font-family: Terminal">Kunci</span></td>
93 <td style="lebar: 253 piksel; tinggi: 21 piksel">
94 <input id="Text_Key" style="width: 248px; posisi: relatif" type="text" /></td>
95 <td style="lebar: 175 piksel; tinggi: 21 piksel">
96 <asp:RadioButtonList ID="RadioButtonList_Kind" runat="server" RepeatDirection="Horizontal"
97 Style="posisi: relatif" Nama-Font="terminal">
98 <asp:ListItem Selected="True">Web</asp:ListItem>
99 <asp:ListItem>Mp3</asp:ListItem>
100 <asp:ListItem>Gambar</asp:ListItem>
101 </asp:RadioButtonList></td>
102</tr>
103 <tr>
104 <td style="lebar: 31 piksel">
105 </td>
106 <td colspan="2">
107 <input id="Button_Google" style="width: 80px; posisi: relatif" type="button" value="Google" onclick="return Button_Google_onclick()" />
108
109 <input id="Button_Yahoo" style="kiri: -29px; lebar: 104px; posisi: relatif" type="button"
110 nilai="Yahoo!" onclick="tombol kembali_Yahoo_onclick()" /></td>
111 </tr>
112 </tabel>
113 <br />
114 <hr style="posisi: relatif" />
115 <asp:HyperLink ID="HyperLink_Home" runat="server" NavigateUrl="~/Default.aspx" Style="position: relative">Beranda</asp:HyperLink></form>
116 </tubuh>
117 </html>
118