百度搜索代码在新窗口中打开

 2015-04-28 10:31

今天突发奇想,想在网站上加入一个搜索按钮,直接用baidu的免费搜索代码。搜索了下,代码很简单,通过SCRIPT和表单form就可以完成了,百度给的完整代码如下:

<SCRIPT language=javascript>
function g(formname)	{
var url = "http://www.baidu.com/baidu";
if (formname.s[1].checked) {
	formname.ct.value = "2097152";
}
else {
	formname.ct.value = "0";
}
formname.action = url;
return true;
}
</SCRIPT>
<form name="f1" onsubmit="return g(this)">
<table bgcolor="#FFFFFF" style="font-size:9pt;">
<tr height="60"><td valign="top"><img src="http://img.baidu.com/img/logo-137px.gif" border="0" alt="baidu"></td>
<td>
<input name=word size="30" maxlength="100">
<input type="submit" value="百度搜索"><br>
<input name=tn type=hidden value="bds">
<input name=cl type=hidden value="3">
<input name=ct type=hidden>
<input name=si type=hidden value="www.paipk.com">
<input name=s type=radio> 互联网
<input name=s type=radio checked> www.paipk.com
</td></tr></table>
</form>

大家只要把“www.paipk.com”改成自己的网站地址就可以了。但这个代码有个比较大的问题,就是点击搜索内容后,搜索的东西会在本页面上显示,这样,自己的网站界面就被跳出了,为了避免这一现象,我们稍微做了一点修改,让搜索内容跳到新界面上,这样,整体的感觉就好了。

修改的方法很简单,只要在表单属性<from>头上的任意一处加上target="_blank"的跳出设置就可以了,修改好的代码应该是:

<form name="f1" onsubmit="return g(this)" target="_blank">


作者头像

作者:紫铜炉

自由博主,网页设计师。我关注科技产品和个人博客发展,注重用户体验和界面优化。

 发表评论: