js 瀏覽器的各種彈出框 提示

標籤：

一、JS的三種最常見的對話方塊

//====================== JS最常用三種彈出對話方塊 ========================        //彈出對話方塊並輸出一段提示資訊      function ale() {          //彈出一個對話方塊          alert("提示資訊！");        }        //彈出一個詢問框，有確定和取消按鈕      function firm() {          //利用對話方塊返回的值 （true 或者 false）          if (confirm("你確定提交嗎？")) {              alert("點擊了確定");          }          else {              alert("點擊了取消");          }        }        //彈出一個輸入框，輸入一段文字，可以提交      function prom() {          var name = prompt("請輸入您的名字", ""); //將輸入的內容賦給變數 name ，            //這裡需要注意的是，prompt有兩個參數，前面是提示的話，後面是當對話方塊出來後，在對話方塊裡的預設值          if (name)//如果返回的有內容          {              alert("歡迎您：" + name)          }        }  

二、點擊按鈕時常用的6中提示框和操作

<!-----------按鈕提示框---------->  <input type="button" name="btn2" id="btn2" value="刪除" onclick="return confirm(‘Yes/No‘);">   <!-----------按鈕提示框---------->   <input type="button" name="btn2" id="btn2" value="提示" onclick="javaScript:alert(‘您確定要刪除嗎？‘);">   <!-----------提交按鈕---------->   <input type="button" value="提交" onclick="javaScript:;window.location.href=‘http://www.baidu.com‘;"/>    <!-----------關閉按鈕---------->   <input type="button" value="關閉" onclick="javaScript:window.opener=null;window.close();">    <!-----------返回並關閉串連---------->   <a href="#" onclick="javascript:;window.opener.location.reload();window.close()">返回</a>  javaScript:window.location.reload();//返回當前頁並重新整理    <!-----------返回上一級頁面---------->   <input type="button" name="button" value="返回" onclick="javascript:;history.go(-1)"/> 

　　三、彈出獨立視窗

//關閉,父視窗彈出對話方塊,子視窗直接關閉   this.Response.Write("<script language=javascript>window.close();</script>");    //關閉,父視窗和子視窗都不彈出對話方塊,直接關閉   this.Response.Write("<script>");   this.Response.Write("{top.opener =null;top.close();}");   this.Response.Write("</script>");    //快顯視窗重新整理當前頁面width=200 height=200菜單。功能表列,工具條,地址欄,狀態列全沒有   this.Response.Write("<script language=javascript>window.open(‘rows.aspx‘,‘newwindow‘,‘width=200,height=200‘)</script>");    //快顯視窗重新整理當前頁面   this.Response.Write("<script language=javascript>window.open(‘rows.aspx‘)</script>");  this.Response.Write("<script>window.open(‘WebForm2.aspx‘,‘_blank‘);</script>");    //彈出提示視窗跳到webform2.aspx頁(在一個IE視窗中)   this.Response.Write(" <script language=javascript>alert(‘註冊成功‘);window.window.location.href=‘WebForm2.aspx‘;</script> ");    //關閉當前子視窗,重新整理父視窗   this.Response.Write("<script>window.opener.location.href=window.opener.location.href;window.close();</script>");  this.Response.Write("<script>window.opener.location.replace(window.opener.document.referrer);window.close();</script>");    //子視窗重新整理父視窗   this.Response.Write("<script>window.opener.location.href=window.opener.location.href;</script>");  this.Response.Write("<script>window.opener.location.href=‘WebForm1.aspx‘;</script>");    //彈出提示視窗.確定後彈出子視窗(WebForm2.aspx)   this.Response.Write("<script language=‘javascript‘>alert(‘發表成功！‘);window.open(‘WebForm2.aspx‘)</script>");    //彈出提示視窗,確定後,重新整理父視窗   this.Response.Write("<script>alert(‘發表成功！‘);window.opener.location.href=window.opener.location.href;</script>");    //彈出相同的一頁   <INPUT type="button" value="Button" onclick="javascript:window.open(window.location.href)">    //   Response.Write("parent.mainFrameBottom.location.href=‘yourwebform.aspx?temp=" +str+"‘;");      <SCRIPT LANGUAGE="javascript">   <!--   window.open (‘page.html‘, ‘newwindow‘, ‘height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=n o, status=no‘) //這句要寫成一行  -->   

　　參數解釋：

 

window.open 彈出新視窗的命令； 
‘page.html‘ 快顯視窗的檔案名稱； 
‘newwindow‘ 快顯視窗的名字（不是檔案名稱），非必須，可用空‘‘代替； 
　　height=100 視窗高度； 
　　width=400 視窗寬度； 
　　top=0 視窗距離螢幕上方的象素值； 
　　left=0 視窗距離螢幕左側的象素值； 
　　toolbar=no 是否顯示工具列，yes為顯示； 
　　menubar，scrollbars 表示功能表列和滾動欄。 
　　resizable=no 是否允許改變視窗大小，yes為允許； 
　　location=no 是否顯示地址欄，yes為允許； 
　　status=no 是否顯示狀態列內的資訊（通常是檔案已經開啟），yes為允許；

‘newwin‘:隱藏功能表列地址欄工具條 

js 瀏覽器的各種彈出框 提示