JS中showModalDialog引數傳遞

2021-06-08 15:39:10 字數 2439 閱讀 4748

父類:var k=window.showmodaldialog("",window,"dialogwidth:630px;status:no;dialogheight:310px");其中product.php裡面有
子類: var k=window.dialogarguments; 獲取父類的引數:var temp=k.getelementbyid('temp').value;//其實也沒什麼複雜的。
下面的都是摘抄的:感覺沒大看懂,太詳細了。
showmodaldialog:模式視窗, 一種很特別的視窗,當它開啟時,後面的父視窗的活動會停止,除非當前的模式子視窗關閉了, 才能操作父視窗.在做網頁ajax開發時,我們應該有時會用到它來實現表單的填寫, 或做類似網上答題的視窗. 它的特點是,傳參很方便也很強大,可直接呼叫父視窗的變數和方法.

使用方法:

vreturnvalue = window.showmodaldialog(surl [, varguments] [,sfeatures])

引數說明:

surl--

必選引數,型別:字串。用來指定對話方塊要顯示的文件的url。

varguments--

可選引數,型別:變體。用來向對話方塊傳遞引數。傳遞的引數型別不限,包括陣列等。對話方塊通過window.dialogarguments來取得傳遞進來的引數。

sfeatures--

可選引數,型別:字串。用來描述對話方塊的外觀等資訊,可以使用以下的乙個或幾個,用分號「;」隔開。

1.dialogheight :對話方塊高度,不小於100px,ie4中dialogheight 和 dialogwidth 預設的單位是em,而ie5中是px,為方便其見,在定義modal方式的對話方塊時,用px做單位。

2.dialogwidth: 對話方塊寬度。

3.dialogleft: 離螢幕左的距離。

4.dialogtop: 離螢幕上的距離。

5.center: :視窗是否居中,預設yes,但仍可以指定高度和寬度。

6.help: :是否顯示幫助按鈕,預設yes。

7.resizable: [ie5+]:是否可被改變大小。預設no。

8.status: [ie5+]:是否顯示狀態列。預設為yes[ modeless]或no[modal]。

9.scroll::指明對話方塊是否顯示滾動條。預設為yes。

下面幾個屬性是用在hta中的,在一般的網頁中一般不使用。

10.dialoghide::在列印或者列印預覽時對話方塊是否隱藏。預設為no。

11.edge::指明對話方塊的邊框樣式。預設為raised。

12.unadorned::預設為no。

引數傳遞:

1.要想對話方塊傳遞引數,是通過varguments來進行傳遞的。型別不限制,對於字串型別,最大為4096個字元。也可以傳遞物件,例如:

-------------------------------

parent.htmmodal.htm-------------------------------

2.可以通過window.returnvalue向開啟對話方塊的視窗返回資訊,當然也可以是物件。例如:

------------------------------

parent.htmmodal.htm用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 ;

//呼叫父視窗的方法 fun

window.dialogarguments.fun() ;

但是有個問題,在子視窗中的事件響應無法呼叫父視窗的方法,

調父視窗方法

注,執行上面的方法的時候,視窗會停止響應

js之旅(七)js中this

本文講述js中this的指向 介紹es5和es6中this的不同 在js es5中,使用的是function函式,誰在呼叫function,this就指向誰,有以下幾個特點 1.1 this最終指向的是呼叫它的物件 這個特點的就是es5中this的指向,其它特點都是對它的補充,如下示例 functi...

JS 理解JS中的物件

物件是object資料型別的值 物件是一組沒有特定順序的值 其中每個值都有乙個名字,從而,物件看起來就像是一組名值對。建立並定義物件的方法 1.var person new object person.name carolina person.age 29 person.job dream pers...

js中的函式

1 js中的string物件 1 內建的 2 屬性 length 3 方法 indexof 查詢子字串 匹配字串 查詢到了,返回 字串 出現的位置 沒有找到 返回 1 charat 返回指定位置的字串 substr 字串的擷取,可加兩個引數,形如 2,2 第二個位置 長度 也可以是乙個引數,則表示從...