html中界面跳转为什么跳转同一个界面前面的可以，后面的就不行
点击1和2都是请求同一个界面。
点击1效果：发生跳转
点击2效果：没发生跳转
html代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>设备数据</title>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous"
>
<link rel="stylesheet" href="/css/checking-in.css">
<link rel="stylesheet" href="/css/table.css">
<link rel="stylesheet" href="/css/search.css">
<link rel="stylesheet" href="/css/page-turning.css">
<link rel="stylesheet" href="/css/inforStyle.css">
</head>
<body link="#fff" alink="#000" vlink="#fff" s>
<!-- 导航栏 -->
<div class="wrap">
<div class="header">智能安全帽</div>
<div class="nav">
<ul>
<li class="list">
<h2><i></i><a href="/index">首页</a></h2>
</li>
<li class="list">
<h2><i></i><a href="/information">人员信息</a></h2>
</li>
<li class="list">
<h2><i></i>
<a href="/checkingin">考勤统计</a>
</h2>
</li>
<li class="list">
<h2><i></i>
<a href="/checkingin">设备数据</a>
</h2>
<div class=" ">
<h5><a href="/equipmentdata">最新数据</a></h5>
** <h5><a href="/new">单设备数据</a></h5>**<!--1请求代码-->
</div>
</li>
<li class="list">
<h2><i></i>
<a href="/earlywarning">预警信息</a>
</h2>
</li>
<li class="list">
<h2><i></i><a href="/map">位置信息</a></h2>
</li>
<li class="list">
<h2><i></i><a href="/exception">设备异常信息</a></h2>
</li>
<li class="list">
<h2><i></i><a href="/environmentMonitor">设备环境监控</a></h2>
</li>
</ul>
</div>
</div>
<table id="pageListTable">
<table border="0" cellspacing="0" cellpadding="0">
<style>table {
margin: auto;
}
body {
text-align: center;
}</style>
<thead>
<tr>
<th>设备ID</th>
<th>姓名</th>
<th>电话</th>
<th>班组</th>
<th>心率</th>
<th>血氧浓度</th>
<th>温度</th>
<th>湿度</th>
<th>跌倒状态</th>
<th>可燃气体</th>
<th>采集时间</th>
<th>查看该设备所有数据</th>
</tr>
</thead>
<tbody id="tbody2">
</tbody>
</table>
</table>
<!-- 搜索栏 -->
<form class="search_form">
<select class="sel">
<option>设备ID</option>
<option>姓名</option>
<option>班组</option>
</select>
<input type="text" class="input_text" placeholder="请输入搜索内容">
**<a href="/new">
<button class="input_sub">百度</button>
</a>**<!--2请求代码-->
<!--<input id="seyone" type="button" value="搜索跳转" class="input_sub" onclick=""/>-->
<input id="all" type="button" value="全部查询" class="input_sub" style="position: absolute;left: 600px;" onclick="searchall()"/>
</form>
</body>
<script src="/js/jquery-3.3.1.js"></script>
<script type="text/javascript">
function searchall() {
var shuju = {"pageNo": 1, "pageSize": 100000};
$.ajax({
url: '/devicedata/pagequerydevicedata1',
data: JSON.stringify(shuju),
type: "post",
contentType: "application/json;charset=utf-8",
dataType: "json", //表示返回值类型，不必须
success: succFunction,//响应成功后的回调函数
error: errorfunction//表示如果请求响应出现错误，会执行的回调函数
});
function succFunction(backdata) {
var str = "";
var obj = eval(backdata);
var length = obj['total'];
// alert("长度"+length);
console.log("长度"+length);
for (var i = 0; i < length; i++) {
var devid = obj['list'][i]['devid'];
var wearname = obj['list'][i]['phone'];
var workgroup = obj['list'][i]['wearname'];
var phone = obj['list'][i]['workgroup'];
var heartrate = obj['list'][i]['heartrate'];
var humi = obj['list'][i]['humi'];
var temperature = obj['list'][i]['temperature'];
var tumble = obj['list'][i]['tumble'];
var spo2 = obj['list'][i]['spo2'];
var collectiontime = obj['list'][i]['collectiontime'];
var airquality1 = obj['list'][i]['airquality1'];//酒精
var airquality2 = obj['list'][i]['airquality2'];//一氧化碳
var airquality3 = obj['list'][i]['airquality3'];//空气质量
// alert("id"+devid+"jiujing:"+airquality1+"co:"+airquality2);
console.log("id"+devid+"jiujing:"+airquality1+"co:"+airquality2);
/*时间转换*/
var unixTimestamp = new Date(collectiontime);
commonTime = unixTimestamp.toLocaleString();
var dediao;
var keran;
if ((airquality1 == 0) || (airquality2 == 0)) {
keran = '无可燃气体';
} else if (airquality1 == 1) {
keran = '酒精乙醇异常'
} else if (airquality2 == 1) {
keran = '一氧化碳异常';
} else {
keran = '一氧化碳与酒精乙醇异常';
}
if (tumble == 1) {
dediao = '未跌倒';
} else {
dediao = '发生跌倒';
}
// alert(dediao+";"+keran+";");
str += ' <tr class="table_row">\n' +
'<td>' + devid + '</td>\n' +
'<td>' + wearname + '</td>\n' +
'<td>' + phone + '</td>\n' +
'<td>' + workgroup + '</td>\n' +
'<td>' + heartrate + '</td>\n' +
'<td>' + spo2 + '</td>\n' +
'<td>' + temperature + '</td>\n' +
'<td>' + humi + '</td>\n' +
'<td>' + dediao + '</td>\n' +
'<td>' + keran + '</td>\n' +
'<td>' + commonTime + '</td>\n' +
'<td>' +
'<input id="change" onclick="" type="button" value="查看"/> ' +
'</td>' +
'</tr>';
}
console.log(str);
$('#tbody2').html(str);
$('#rowsNum ').html(length);
}
function errorfunction() {
}
}
</script>
</html>
以上是代码请问为什么会出现这种现象
当你点1这个地方的时候，你其实点的是一个超链接，会跳转到new这个页面。
当你点2这个地方的时候，你其实点的是一个按钮，这个按钮本身是不会进行跳转的，所以会没有反应。
你这个注释了的 搜索查询 按钮，也没绑定跳转页面的方法啊