亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么提交表單后,原窗口不會關閉?

為什么提交表單后,原窗口不會關閉?

耂虍 2016-12-27 17:49:11
????????????????????<div?class="modal-body"> ????????????????<form?action=""?class="form?center-block"?onsubmit="login()"> ????????????????????<div?class="form-group"> ????????????????????????<input?type="text"?id="username"?class="form-control?input-lg"?placeholder="請輸入用戶名"> ????????????????????</div> ????????????????????<div?class="form-group"> ????????????????????????<input?type="password"?id="password"?class="form-control?input-lg"?placeholder="請輸入密碼"> ????????????????????</div> ????????????????????<div?class="form-group"> ????????????????????????<button?class="btn?btn-primary?btn-lg?btn-block"?type="submit">登錄</button> ????????????????????</div> ????????????????</form> ????????????????????</div> ???????? <script?type="text/javascript"> ?function?login()?{ ?var?un?=?document.getElementById("username").value; ????????var?pw?=?document.getElementById("password").value; ????????if?(un?==?"admin"?&&?pw?==?"admin")?{ ?window.open("TXL.html",?'_blank'); ????????????this.window.close(); ????????????return?true; ?} ?else?{ ?alert("登錄失敗"); ????????????return?false; ?} ????} </script>
查看完整描述

1 回答

已采納
?
Caballarii

TA貢獻1123條經驗 獲得超629個贊

window.open和window.close都會有被瀏覽器攔截的可能性

建議直接用window.location.href="TXL.html"代替

window.open("TXL.html",?'_blank');

this.window.close();

這兩行

查看完整回答
反對 回復 2016-12-27
  • 耂虍
    耂虍
    我換成這句后,點擊提交,頁面只是刷新了一下,還是原來的輸入表單,沒有打開新頁面=。=
  • Caballarii
    Caballarii
    原因在于你寫在form的submit里面,submit執行以后會跳到form的action里面,而你action是空的,所以跳回了原鏈接,就沒變。 要么直接把form上的action寫成TXL.html <form action="TXL.html" class="form center-block" onsubmit="login()"> 要么把onsubmit="login()"刪掉,登錄的type改成button,login函數綁到button上 <button class="btn btn-primary btn-lg btn-block" type="button" onclick="login()">登錄</button> 兩種方法自己體會
  • 耂虍
    耂虍
    用的第二種方法成功了,謝謝。不過還有個疑問,為什么用第一種方法,就算你賬號密碼填錯了,還是會跳轉。
點擊展開后面1
  • 1 回答
  • 0 關注
  • 2492 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號