静态网页如何用js实现查找功能？
一个输入框，一个查询按钮。预设数组aaa0001.htmlbbb0001.htmlccc0001.html……输入框里输入字符，如果匹配aaa，则打开0001.html，...
一个输入框，一个查询按钮。
预设数组
aaa 0001.html
bbb 0001.html
ccc 0001.html
……
输入框里输入字符，如果匹配aaa，则打开0001.html，如果匹配bbb，则打开0002.html……
如果在数组中找不到匹配字符则打开一个特定网站提示未找到相应内容。
求此功能的JS代码，谢谢~ 展开
预设数组
aaa 0001.html
bbb 0001.html
ccc 0001.html
……
输入框里输入字符，如果匹配aaa，则打开0001.html，如果匹配bbb，则打开0002.html……
如果在数组中找不到匹配字符则打开一个特定网站提示未找到相应内容。
求此功能的JS代码，谢谢~ 展开
4个回答
展开全部
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head>
<script type="text/javascript">
<!--
window.onload = function(){
var o = document.getElementById('openUrl');
o.onclick = function(){
// 输入的字符与网址的对应关系
var url = {
'aaa' : '0001.html',
'bbb' : '0002.html',
'ccc' : '0003.html',
'ddd' : '0004.html'
}
var key = document.getElementById('key').value;
// 如果存在改对应关系则打开，否则打开默认网址
window.open(url[key] || '默认网址');
}
}
//-->
</script>
<body>
<input type="text" id="key" /><input type="button" id="openUrl" value="打开网址"/>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="text" id="box" /><input type="button" value="查询" onclick="search()" />
<script>
function search() {
var search_value = document.getElementById('box').value;
var url = 'other.html';
switch(search_value) {
case 'aaa':
url = '0001.html';
break;
case 'bbb':
url = '0002.html';
break;
case 'ccc':
url = '0003.html';
break;
}
location = url;
}
</script>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我想问一下，如果有多个条件这么弄呢？'bbb' : '0002.html', 就是多个搜索都能打开这个？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<script>
function aaa(){
if(text1.value=="aaa"){
open("http://www.baidu.com" );
}else if(text1.value=="bbb"){
open("http://www.google.com");
}else if(text1.value=="ccc"){
open("http://www.yahoo.com");
}else{
open();
}
}
</script>
<body>
<input type="text" id="text1" value=""><input type=button value="..." onclick=aaa()>
</body>
</html>
<script>
function aaa(){
if(text1.value=="aaa"){
open("http://www.baidu.com" );
}else if(text1.value=="bbb"){
open("http://www.google.com");
}else if(text1.value=="ccc"){
open("http://www.yahoo.com");
}else{
open();
}
}
</script>
<body>
<input type="text" id="text1" value=""><input type=button value="..." onclick=aaa()>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
