練習(xí)的時(shí)候遇到此問(wèn)題
具體情形如下
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<form action="#">
<button id="testBtn">test跳轉(zhuǎn)</button>
</form>
<script type="text/javascript" src="jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function() {
$("#testBtn").click(function() {
window.location.;
})
});
</script>
</body>
這里可以看到肆捕,button在form表單中棚亩,然后在jquery中設(shè)置跳轉(zhuǎn)法牲,正常情況是可以跳轉(zhuǎn)的,但是這里會(huì)被form表單攔截
原因:由于form表單先提交了创千,即并非原來(lái)的頁(yè)面了缰雇,所以window.location.href會(huì)失效
解決方案1: 在window.location.href上方添加 window.event.returnValue = false;
解決方案2: 將button 的 type設(shè)置為button 如: <button type="button" id="testBtn">test跳轉(zhuǎn)</button>
目前知道這兩個(gè)解決方案入偷,如有錯(cuò)誤追驴,請(qǐng)不吝指正,謝