自己定制百度搜索条功能

最新推荐文章于 2022-02-23 19:08:20 发布

greencacti

最新推荐文章于 2022-02-23 19:08:20 发布

阅读量1.2k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/greencacti/article/details/10036703

版权

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本来想用JTalk实现一个自动读文章的程序，但发现JTalk最新不能申请license，就做个简单的操练操练。很多工具都会提供一个百度搜索条，你在里面输入内容，然后就会跳转过去，下面就是实现这个功能。

index.html:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>百度一下</title>
    <script type="text/javascript" src="js/Util.js"></script>
    <script type="text/javascript" src="js/Searcher.js"></script>    
</head>
<body>
    <span class="s_ipt_wr">
	    <input type="text" name="wd" id="kw" maxlength="100" class="s_ipt">
	</span>
	<span class="s_btn_wr">
	    <input 	type="submit" value="百度一下" id="su" class="s_btn">
	</span>
</body>
</html>

Util.js

function addLoadEvent (func) 
{
	var oldOnLoad = window.onload;
	if(typeof window.onload != "function") 
	{
		window.onload = func;
	}
	else	
	{
		window.onload = function()
		{
			oldOnLoad();
			func();
		};
	}
}

Searcher.js

var searcher = 
{
    search: function()
    {
    	var element = document.getElementById("kw");
    	var urlComponent = encodeURIComponent(element.value);
    	var url = "http://www.baidu.com/s?wd=" + urlComponent;
    	
    	window.open(url, "wroxWindow");
    },
    prepareSearch: function()
    {
    	var element = document.getElementById("su");
    	element.onclick = function()
    	{
    		searcher.search();
    		return false;
    	};
    }
};

addLoadEvent(searcher.prepareSearch);