您的位置 首页 > 数码极客

【来自网页的消息】网页设计|通过特定搜索引擎搜索来自指定网站的内容

1工作说明

输入1.1关键字,通过百度搜索指定网站的网页,如凤凰网。

1.2 下拉菜单和输入框组合到一起,即网站地址既可以手动输入,也可以通过下拉菜单选择后自动输入。

2 HTML+CSS+JS代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ";>

<html xmlns=";>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<script language="javascript" type="text/javascript">

function baiduSearch() {

window.open("; + + "&tn=bds&cl=3&ct=2097152&si=" + + "&s=on");

//如果用汉语搜索,关键字最好是重新编码:encodeToGb2312()

}

</script>

<style>

.siteselect{

width:168px;

margin-left:-145px;

margin-left:-146px\9;

}

.iesitesearch{

font-size:14px;

height:16px;

width:145px;

margin-top:0px;

position:absolute;

left:5px;

}

</style>

<title>站内搜索</title>

</head>

<body>

<form id=formmain onsubmit="return checktype(this); search()" name="f" action=JavaScript:>

关键字:<input type="text" size=35 name="wd" id="kw" maxlength="100" title="输入”搜索词“,在下面区域单击某一按钮,即开始搜索!" />&nbsp;网站地址:

<span style="position:relative;">

<span style="margin-left:150px;overflow:hidden;">

<select class="siteselect" onchange=";>

<option value=";>搜狐</option>

<option value=";>新浪</option>

<option value="163.com">网易</option>

<option value="qq.com">腾讯</option>

<option value="i;>凤凰网</option>

</select>

</span><input id="sitesearch" name="sitesearch" class="iesitesearch" title="在前面输入框中输入“搜索词“后,在此处可输入网址(如,前面不需要http://www.)或选择某一特定网站,然后单击“谷歌”或“百度”即可开始定向搜索!";>

<!--</span><input...的内容必须写成一行,否则下拉菜单中选择的内容无法显示到输入框-->

</span>

<input name="btnG3" type="button" value="百度" onclick="baiduSearch();" class="sitebai" />

</form>

</body>

</html>

搜索后的显示页面:

关于作者: admin

无忧经验小编鲁达,内容侵删请Email至wohenlihai#qq.com(#改为@)

热门推荐