用JavaScript打造搜索工具栏

用JavaScript打造搜索工具栏

电子科技大学软件学院03级2班 周银辉

一:最终效果

二:原理

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

四：代码