JavaScript confirm prompt 跳轉重新整理

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

提示：

if(confirm("XXXX"))
{//點“是”的時候返回TRUE
window.open("XX");
}else
{//點“否”的時候返回FALSE
window.open("XXX");
}

我的bug：

form提交前彈出對話方塊，請使用者確認是否提交。點“是”則提交，點“否”則不提交。

在測試的時候，無論點“是”或“否”，頁面都會提交。

經修改： <script type="text/javascript" language="javaScript">
function check(){

var a=document.forms[0].ss.value;
var b=document.forms[0].aa.value;

if(confirm("請確認您提交的資料："+a+"年"+b+"人")){
document.forms[0].submit();
}else{

return false;
}
}
</script>
<form action="Input.jsp" method="post" onsubmit="return flase">
年份：   <select name="ss" >
              <option value="2010">2010</option>
              </select>
       人數:<input type="text" name="aa">
      <input type="button" value="確定" onclick="javascript: check()">
</form>
總結：不可將提交按鈕的type設為submit。

form onsubmit 驗證不為空白

var mm=/^/d+$/;
var theForm = document.forms[0];
if (!theForm) { theForm = document.Form[0];}

if(!mm.test(theForm.allNum.value))
  {
       alert('"人員總數" 只能輸入數字!!!!');
       theForm.allNum.focus();
       return false;
  }

  if(IsEmpty(theForm.UserName))
  {
   alert('請輸入使用者名稱!');
   theForm.username.focus();
   return false;
  }

return true;

}

</script>

參考內容：

1,對話方塊:
提示對話方塊:alert('提示資訊');
確認對話方塊:confirm('確定要刪除嗎?')
應用,例如一個超級連結中:<a href="url" target="_self" onclick="return confirm('確定要刪除嗎?')">,當點擊"是"時,跳轉到串連的URL,點擊"否"時,不執行跳轉.
輸入對話方塊:prompt('標題','預設文本'),返回輸入的資訊;

例子：

x=prompt("請輸入數字:",1);

switch(parseInt(x))
{

    case 1:
case 2:
case 3:
document.write("winner!");
break;
   default:
   alert("don't give up!");
}
</script>
3,Javascript重新整理頁面的幾種方法：
(1) history.go(0)
(2) location.reload()
(3) location=location
(4) location.assign(location)
(5) document.execCommand('Refresh')
(6) window.navigate(location)
(7) location.replace(location)
(8) document.URL=location.href
---------------------------------------------------------------------
4,自動重新整理頁面的方法:
(1).頁面自動重新整理：把如下代碼加入<head>地區中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒重新整理一次頁面.
(2).頁面自動跳轉：把如下代碼加入<head>地區中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中20指隔20秒後跳轉到http://www.wyxg.com頁面
(3).頁面自動重新整理js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒重新整理一次
</script>
---------------------------------------------------------------------
5,JS重新整理架構的指令碼語句
//如何重新整理包含該架構的頁面用
<script language=JavaScript>
parent.location.reload();
</script>
//子視窗重新整理父視窗
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">重新整理</a> )
//如何重新整理另一個架構的頁面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
如果想關閉視窗時重新整理或者想開窗時重新整理的話，在<body>中調用以下語句即可。
<body onload="opener.location.reload()"> 開窗時重新整理
<body onUnload="opener.location.reload()"> 關閉時重新整理
<script language="javascript">
window.opener.document.location.reload()
</script>
---------------------------------------------------------------------
6,定位網頁中的不同資源擷取本地網頁的URL
location.href：URL全域的值
location.protocol：URL內的http和ftp協議部分的值
location.hostname：URL內的主機名稱部分的值
location.pathname：URL內的路徑名稱部分的值
location.port：URL內的連接埠號碼的值
location.host：主機名稱和連接埠號碼部分的值
---------------------------------------------------------------------
7,返回上一次開啟的連結
javascript:history.go(-1);
---------------------------------------------------------------------
8,獲得參數:
得到數組:mainKinds = request.getParameterValues("mainKind") ;
得到單數值:mainKind = request.getParameter("mainKind") ;

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More