怎么在html中实现搜索信息的功能？
不想用基于服务器端的数据库，就是想要在自己建的一个html网页中实现输入一个关键词，弹出相关的信息。可以用javascript。最好有一个实例代码。补充一下，搜索出的内容...
不想用基于服务器端的数据库，就是想要在自己建的一个html网页中实现输入一个关键词，弹出相关的信息。可以用javascript。
最好有一个实例代码。
补充一下，搜索出的内容是自定义的。就像在贴吧里搜索一个帖子一样。 展开
最好有一个实例代码。
补充一下，搜索出的内容是自定义的。就像在贴吧里搜索一个帖子一样。 展开
3个回答
展开全部
嗯，可以使用iframe
怎么样是不是很酷，完全没有服务器端和数据库
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>搜索大集合</title>
<style type="text/css">
*{ margin:0px; padding:0px;}
body{ overflow:hidden;}
#top{border-bottom:2px solid #669; padding:6px;background:rgba(102,153,204,0.6); position:fixed; width:100%; text-align:center;}
#iframe1{width:100%;height:100%;}
</style>
</head>
<body>
<div id="top">
<input name="keyword" type="text" id="keyword" />
<select name="lx" id="lx">
<option value="5">百度搜索</option>
<option value="6">搜搜搜索</option>
<option value="7">搜狗搜索</option>
<option value="8">360搜索</option>
<option value="9">有道搜索</option>
<option value="10">雅虎搜索</option>
<option value="11">必应搜索</option>
</select>
<input name="sumb" type="button" id="sumb" value="搜索" />
</div>
<iframe id="iframe1" name="iframe1" frameborder=0 ></iframe>
<script type="text/javascript">
var iframe1=document.getElementById("iframe1");
document.getElementById("sumb").onclick=flss;
function flss(){
var lx=document.getElementById("lx");
var key=document.getElementById("keyword").value;
if(key==""){alert('关键字不能为空');return false;}
switch(lx.value){
case '1':
iframe1.src='http://s.weibo.com/weibo/'+key
break;
case '2':
iframe1.src='http://search.t.qq.com/index.php?k='+key
break;
case '3':
iframe1.src='http://t.sohu.com/twsearch/twSearch?key='+key
break;
case '4':
iframe1.src='http://t.163.com/tag/'+key
break;
case '5':
iframe1.src='http://www.baidu.com/s?&wd='+key
break;
case '6':
iframe1.src='http://www.soso.com/q?w='+key
break;
case '7':
iframe1.src='http://www.sogou.com/web?query='+key
break;
case '8':
iframe1.src='http://www.so.com/s?q='+key
break;
case '9':
iframe1.src='http://www.youdao.com/search?q='+key
break;
case '10':
iframe1.src='http://www.yahoo.cn/s?q='+key
break;
case '11':
iframe1.src='http://cn.bing.com/search?q='+key
break;
}
}
</script>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那个。。我想问下 你弹出的信息和关键词的关联关系 数据 哪里取？？
不用数据库存储 如果是固定的可以写到JS里面 如果是大量的 在页面实现很不现实，，
HTML5应该可以实现 不过新技术 还没研究
不用数据库存储 如果是固定的可以写到JS里面 如果是大量的 在页面实现很不现实，，
HTML5应该可以实现 不过新技术 还没研究
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你说的是输入一个字就在输入框下出现其他的信息？还是说输入之后就能弹出详细的信息？
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
