2. 程式人生 > >window.showModalDialog模態視窗引數說明

window.showModalDialog模態視窗引數說明

阿新 • • 發佈：2019-01-21

Window.ShowModalDialog的引數問題(父窗體向子窗體傳值)

  create date:2009-5-12
  description:window.showModalDialog開啟子視窗並重新整理主頁面
  param strUrl:子頁面路徑
  param width:子頁面顯示寬度
  param height:子頁面顯示高度

------------------------------------------------------------*/
function openDialog(strUrl,width,height)
{       
     window.showModalDialog(strUrl,window,'dialogWidth:'+width+'px;dialogHeight:'+height+'px;center:yes;status:no;scroll:off;');
     window.location.href = location.href;
     return false;
}
   
function openDialogEmail(strUrl,width,height)
{       
     window.showModalDialog(strUrl,window,'dialogWidth:'+width+'px;dialogHeight:'+height+'px;center:yes;status:no;scroll:yes;');
     return false;
} 
   

基本介紹：
      showModalDialog()                     (IE 4+ 支援)
      showModelessDialog()                 (IE 5+ 支援)
      window.showModalDialog()           方法用來建立一個顯示HTML內容的模態對話方塊。
      window.showModelessDialog()         方法用來建立一個顯示HTML內容的非模態對話方塊。
使用方法：
      vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures])
      vReturnValue = window.showModelessDialog(sURL [, vArguments] [,sFeatures])
引數說明：
    sURL           --   必選引數，型別：字串。用來指定對話方塊要顯示的文件的URL。
    vArguments   --   可選引數，型別：變體。用來向對話方塊傳遞引數。傳遞的引數型別不限，包括
陣列等。
對話方塊通過window.dialogArguments來取得傳遞進來的引數。
    sFeatures     --   可選引數，型別：字串。用來描述對話方塊的外觀等資訊，可以使用以下的
一個或幾個，用分號“;”隔開。
----------------
1.   dialogHeight:   對話方塊高度，不小於100px
2.   dialogWidth:   對話方塊寬度。
3.   dialogLeft:   離螢幕左的距離。
4.   dialogTop:   離螢幕上的距離。
5.   center:       { yes | no | 1 | 0 } ：         是否居中，預設yes，但仍可以指定高度和寬度。
6.   help:         {yes | no | 1 | 0 }：           是否顯示幫助按鈕，預設yes。
7.   resizable:     {yes | no | 1 | 0 } [IE5+]：   是否可被改變大小。預設no。
8.   status:       {yes | no | 1 | 0 } [IE5+]：   是否顯示狀態列。預設為yes[ Modeless]或no[Modal]。
9.   scroll:       { yes | no | 1 | 0 | on | off }：是否顯示滾動條。預設為yes。

下面幾個屬性是用在HTA中的，在一般的網頁中一般不使用。
10.   dialogHide:{ yes | no | 1 | 0 | on | off }：在列印或者列印預覽時對話方塊是否隱藏。預設為no。
11.   edge:{ sunken | raised }：指明對話方塊的邊框樣式。預設為raised。
12.   unadorned:{ yes | no | 1 | 0 | on | off }：預設為no。


引數傳遞：
1.   要想對話方塊傳遞引數，是通過vArguments來進行傳遞的。型別不限制，對於字串型別，最大
為4096個字元。也可以傳遞物件，例如：
-------------------------------
parent.htm
<script>
      var obj = new Object();
      obj.name="51js";
      window.showModalDialog("modal.htm",obj,"dialogWidth=200px;dialogHeight=100px");
</script>
modal.htm
<script>
      var obj = window.dialogArguments
      alert("您傳遞的引數為：" + obj.name)
</script>
-------------------------------
2.   可以通過window.returnValue向開啟對話方塊的視窗返回資訊，當然也可以是物件。例如：
------------------------------
parent.htm
<script>
      str =window.showModalDialog("modal.htm",,"dialogWidth=200px;dialogHeight=100px");
      alert(str);
</script>
modal.htm
<script>
      window.returnValue="

http://homepage.yesky.com";
</script>

用window.showModalDialog 或者window.showModelessDialog開啟一個模式視窗後，和父視窗的一些互動問題。
要進行互動操作的前提，在呼叫showModalDialog或者showModelessDialog方法的時候，第二個引數傳window，如：


window.showModelessDialog('filename.htm',window,'dialogWidth=200px;dialogHeight=250px;')



接下來，就是取得父視窗的一些資料和方法，這是經常會用的，父視窗取子視窗的引數一般通過returnValue就可以搞定了～


//取得父視窗的JS變數 var
window.dialogArguments.var;
//獲得父視窗的物件和屬性
window.dialogArguments.form1.name.value ;

//火狐不支援上面的方法需要用下面的方法
window.dialogArguments.document.getElementById("name").value ;
//呼叫父視窗的方法 fun
window.dialogArguments.fun() ;

如果出現彈出新的頁面，可以在<head></head>之間加入下列程式碼：

    <base target="_self"></base>
但是有個問題，在子視窗中的事件響應無法呼叫父視窗的方法，


<button onClick='window.dialogArguments.fun()'>調父視窗方法</button>

相關推薦

window.showModalDialog模態視窗引數說明

Window.ShowModalDialog的引數問題(父窗體向子窗體傳值)   create date:2009-5-12   description:window.showModalDialog開啟子視窗並重新整理主頁面   param strUrl:子頁面路徑   p

JavaScript中showModalDialog (模態視窗)詳細使用

基本介紹：           showModalDialog()         (IE 4+ 支援) &nb

showModalDialog 模態視窗重新整理自己

var  reus=window.showModalDialog(ur,'Mywindow1','dialogHeight:...');   if(reus=="ok"){    window.name = "selfself";//隨便起一個非關鍵詞的name    

模態視窗post時不開啟新視窗

模態視窗的新增程式碼 <script> window.name = "myname"; </script> 模態視窗的部分程式碼——增加表單的target屬性 <form name="form1" method="post" actio

模態視窗資料複製貼上

最近客戶有個需求，視窗彈出的資料不能複製，window.showModalDialog（），這種模態的視窗開啟不能複製，改為open就可以了 居中的問題，參考論壇有個帖子回覆的，問題解決。  var iTop = (window.screen.availHeight-30-400)

QML 模態視窗，鎖定輸入層

Qt 版本：5.10 Qt quick變成的時後有時需要彈出一些訊息視窗或是認證視窗，只允許使用者先確認視窗資訊後才可以繼續操作。這是就需要用到模態視窗。 再網上找了一些帖子（https://bbs.csdn.net/topics/390929479?page=1）說QML 沒有模態視窗的概

報表和統計圖模態視窗的設定

有的客戶在使用潤乾報表的時候，希望點選報表中的某一個單元格或者是統計圖的時候能夠彈出一個網頁對話方塊。不是網頁，而是模態視窗。 效果如下圖所示： 下面分別對單元格彈出模態視窗傳遞單元格的值和統計圖彈出分別做一個簡單的介紹。 單元格模態視窗傳遞單元格的值： 在展現介面加如下程式碼

模態視窗(登陸) 報錯：forebought:14 Uncaught TypeError: $(...).modal is not a function

在點選一個地方觸發模態視窗的時候報如下錯誤：forebought:14 Uncaught TypeError: $(...).modal is not a function 錯誤原因：我只匯入了j

為bootstrap模態視窗新增拖拽（draggable ）事件

</pre><pre name="code" class="html"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <lin

Codrops 教程：基於 CSS3 的精美模態視窗效果

　　Codrops 分享了漂亮的模態視窗效果實現方法，希望給前端開發人員提供一些創新顯示對話方塊的啟示。這個方案使用了觸發按鈕（或任何的 HTML 元素），在點選的時候出現一個模態視窗，帶有簡單的過渡（或動畫）。 您可能感興趣的相關文章 效果演示      原始碼下載

MFC模態視窗和非模態視窗

模態視窗：程式執行的過程中，若出現了模態對話方塊，那麼主視窗將無法傳送訊息，直到模態對話方塊退出才可以傳送。即只能操作彈出視窗，不能操作主視窗，只有當模態視窗退出後才能操作主視窗。 建立並顯示一個模態視窗： //建立一個模態對話方塊 CTestDialog td;//

模態視窗間傳遞多個值

2 建立一個叫ChildWebform 的窗體，寫入HTML程式碼如下  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML>    <HEAD>        <TITLE>C

使用js彈出模態視窗，提交儲存資料後關閉模態視窗，重新整理父視窗

首先，點選按鈕彈出模態視窗    <input type="button"  value="修改個人資訊" onclick="modify();"/>   function modify(){       var obj=window.showModalDial

javascript彈出模態視窗，獲取父頁面的元素

1、js彈出模態視窗的方法 window.showModalDialog(url,obj,feature) 說明：第二個引數代表父視窗，也就是第二個引數你可以傳一個window物件過去 例如： window.showModalDialog("dialog.jsp",this

bootstrap 模態視窗點選圖層不關閉寫法

<%@ page language="java" pageEncoding="utf-8"%> <%@ taglib prefix="s" uri="/struts-tags"%> <%     String path = request.ge

模態視窗（彈出框）整合CKEditor實戰

需求背景： 電子合同專案下的合同模板新增頁面中是用layer.js實現的彈出框，也叫模態視窗，用之前的summernote文字編輯器不符合當前編輯合同文字內容的需求（1：字型大小2：字型顏色3：

bootstrap模態視窗模態框

一．基本使用 使用模態框的彈窗元件需要三層 div 容器元素，分別為 modal(模態宣告層)、dialog(視窗宣告層)、content(內容層)。在內容層裡面，還有三層，分別為 header(頭部

JS彈出模態視窗下拉列表特效

或者掃描二維碼在手機體驗：點選選擇城市後，在彈出的層中的輸入框，輸入英文字母 h,會有HoverTree和Hewenqi兩個選項，可以點選要輸入的項。原始碼下載：http://hovertree.com/h/bjaf/95ese8s1.htm 歡迎關注微信公眾號 何問起，賬號: ihewenqi 或者

Delphi中模態視窗切換時隱藏問題的解決辦法

問題 現象：     彈出模態窗體，切換到Window其他視窗，再回到程式介面，發現介面無法點選，模態視窗被遮蓋在後邊了 解決辦法：   TForm1   =   class(TForm)         protected             procedure

Qt 模態和非模態視窗的建立與關閉

　　首先應該明確的是，不僅僅Qt中包含模態視窗和非模態視窗，任何一個視窗介面開發的工具都應該具備此項功能。 　　模態視窗最簡單的理解是在模態視窗開啟之後，使用者只能與這個視窗進行互動，而在其關閉之前不能與其他視窗進行互動；而非模態視窗與之相反，雖然它被打開了，但是使用者仍