静态网页如何用js实现查找功能?

一个输入框,一个查询按钮。
预设数组
aaa 0001.html
bbb 0001.html
ccc 0001.html
……
输入框里输入字符,如果匹配aaa,则打开0001.html,如果匹配bbb,则打开0002.html……
如果在数组中找不到匹配字符则打开一个特定网站提示未找到相应内容。
求此功能的JS代码,谢谢~

<!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>

 

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-11-03
<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>

本回答被提问者采纳
第2个回答  2019-11-09
我想问一下,如果有多个条件这么弄呢?'bbb' : '0002.html', 就是多个搜索都能打开这个?
第3个回答  2013-07-26
<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 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 t...

生成全静态页的内容页面怎么用JS来判断使用者是否登入
第一种处理:静态页也是相对的,页面内完全可以写入jsp或者php程式码,登入过的使用者资讯应该是存在session中,可从session取使用者资讯判断使用者是否登入; 第二种处理:在页面用ajax请求服务端方法,然后在该方法中判断使用者是否登入,结果返回给前端页面,前端就知道使用者是否已经登入了 静态页面中...

静态网页如何用js实现查找功能?
--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'...

静态页面如何做全文搜索?
*http:\/\/www.163.net~最大的综合中文网站|163 netease 网易 丁磊 新闻 yeah 126 娱乐 freemail 聊天室^最大的综合中文网站,为你提供全方位的各种信息,是你上网的好去处!*http:\/\/www.sohu.com~最大的中文引擎搜索站点|sohu search 搜索 引擎 张朝阳 聊天室^最大的中文引擎搜索站点,是你上网查...

js判断网页是真静态还是伪静态的方法
方法:"开发者工具"-“错误控制台”,快捷键:shift+ctrl+J ,然后在控制台里面输入:alert(document.lastModified); ,按回车键后查看最后修改时间并记录。多次刷新网页,用同样的方法,比较弹窗的时间,如果都是一样的,那就是真实的静态网页,否则就是伪静态(动态网页)。

js高手请进啊!!静态页面搜索问题
如果不考虑时间的话,你可以把整个HTML页面看作一个DOM对象,利用javascript,从document这个根元素开始逐节点递归搜索。

静态网页用js调用asp文件的问题
你所说的要用AJAX来实现。http:\/\/rent.sz.bendibao.com\/userCenter\/reg.asp 参考一下这个网址。注册时输入用户名时触发了:onchang事件,调用JS,JS访问ASP,ASP判断用户是否存在,返回结果,JS将结果显示出来。你查看源文件把他的JS下载下来研究一下。 这两个JS就是 ...

在静态页面里怎么调用静态页面,常用的代码是什么?
或,此时import.asp中的内容必须使用js输入才行。如果你用此方法来包含像头部,导航条的话,它将不利于搜索引擎的搜集。另外,编写js输出的内容代码较凌乱,容易出错。3.下面是一种实现方法:最好能有一种方法,就像asp页面包含其他页面时那样,用一小段包含语句就可以实现,不要将需要包含的内容出现在本...

html静态网站可以使用百度站内搜索功能吗吗
可以的,百度很早之前就有这个功能了。登陆:http:\/\/zn.baidu.com\/cse\/home\/index 验证自己的站点,复制代码放进去即可。

在html静态页面中获取请求参数和参数值
1、首先我们准备好html文档,在其中写好form表单。2、接下来在后台方法中我们通过getParameter来获取请求的参数。3、然后我们启动Tomcat,选择Redeploy选项。4、然后我们就可以在后台的输出栏中看到输入的内容了。5、更改为${}来使用,运行成功,sql语句为:"select * from tbl_employee where id = 4 and ...

相似回答