<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
function select(){
var data= document.getElementById("str").value
if (data=="" || data==undefined) {
alert('请输入查询的数据')
}
switch (data) {
case 'a':
window.location.href="\a.html"
break
case 'b':
window.location.href="\b.html"
break
default:
window.location.href="\c.html"
break
}
}
</script>
</head>
<body>
<div>
<input type="text" id="str">
<button onclick="select()">搜索</button>
</div>
</body>
</html>
想看网页调用了哪些js的话你就在你想看的页面,右键——查看网页源代码,然后你会看到一堆字母,在里面找用“大于号,小于号”括起来的,中间写着script字样的成对的,这个叫标签,中间的都是这个页面加载的js。
以火狐浏览器为例,只用firehug插件,就能查看到当前页面所有js的调用情况。
1、点击虫子的图标(前提是你已经安装插件,插件在火狐应用商店里。)点击之后就会出来一个单独的控制台。
如图:
2、选择js列表,该列表是当前页面所有引入的js。选择需要断点的js.(如果不知道具体是运行哪个js,那就只能去分析页面。)
3、选择js后,如果代码太乱,点击“{}”按钮,就能让代码格式化。如图所示,格式化后代码是不是看起来整齐多了。
4、单击左边的空白处,设置断点。然后刷新网页,控制台自动运行至断点处。如图1为你设置的断点处,2是当前js代码运行所在的行数。3是为步进(快捷方式为F11,意思是你按一下F11,js代码就会往下执行一行,三角按钮是运行完所有的js代码)。
5、鼠标放在所执行的js代码处,就能查看到获取的属性值。例如步进至“f=window”代码处,鼠标放在“window”处,就会提示“window”获取的值为“21073282”,如下图所示。
其它的浏览器和火狐的大同小异,只是展现方式不同。