欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js showModalDialog彈出窗口實例詳解

 更新時間:2014年01月07日 09:54:14   作者:  
本篇文章主要是對js showModalDialog彈出窗口進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助

showModalDialog:模式窗口, 一種很特別的窗口,當它打開時,后面的父窗口的活動會停止,除非當前的模式子窗口關(guān)閉了, 才能操作父窗口.在做網(wǎng)頁Ajax開發(fā)時,我們應(yīng)該有時會用到它來實現(xiàn)表單的填寫, 或做類似網(wǎng)上答題的窗口. 它的特點是,傳參很方便也很強大,可直接調(diào)用父窗口的變量和方法.

使用方法: 
vReturnValue = window.showModalDialog(sURL [, vArguments] [,sFeatures]) 

參數(shù)說明: 
sURL-- 
必選參數(shù),類型:字符串。用來指定對話框要顯示的文檔的URL。 

vArguments-- 
可選參數(shù),類型:變體。用來向?qū)υ捒騻鬟f參數(shù)。傳遞的參數(shù)類型不限,包括數(shù)組等。對話框通過window.dialogArguments來取得傳遞進來的參數(shù)。 

sFeatures-- 
可選參數(shù),類型:字符串。用來描述對話框的外觀等信息,可以使用以下的一個或幾個,用分號“;”隔開。 

1.dialogHeight :
  對話框高度,不小于100px,IE4中dialogHeight和dialogWidth默認的單位是em,而IE5中是px,為方便其見,在定義modal方式的對話框時,用px做單位。 

2.dialogWidth: 
  對話框?qū)挾取?nbsp;

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+]:是否顯示狀態(tài)欄。默認為yes[ Modeless]或no[Modal]。 

9.scroll:{ yes | no | 1 | 0 | on | off }:
  指明對話框是否顯示滾動條。默認為yes。 
下面幾個屬性是用在HTA中的,在一般的網(wǎng)頁中一般不使用。 

10.dialogHide:{ yes | no | 1 | 0 | on | off }:
  在打印或者打印預(yù)覽時對話框是否隱藏。默認為no。 

11.edge:{ sunken | raised }:
指明對話框的邊框樣式。默認為raised。 

12.unadorned:{ yes | no | 1 | 0 | on | off }:
  默認為no。

FOR example:
parent.html

復制代碼 代碼如下:

<script>
function setname(res){
document.getElementByIdx_x("name").value=res;
}
function selectTp(){
 //把父窗口的setname函數(shù)傳給子窗口window.showModalDialog('child.html',setname,'dialogWitdh:300px;dialogHeight:300px;center:yes;');
}
</script>
<input type="button" value="提交" onclick="selectTp()"/>

<input type="text" id="name" name='name'/>

child.html

 <SCRIPT LANGUAGE="JavaScript">
  <!--
 function setName(){
  var win="";
  if(window.dialogArguments!=null)
  {
//子窗口獲取父窗口的setname函數(shù),并操作賦值
 win=window.dialogArguments;
 win('Jone');
  }

  this.close();

  }

  //-->
  </SCRIPT>
  <input type="button" value="給父窗口賦值" onclick="setName()"/>

相關(guān)文章

  • JavaScript實現(xiàn)2種常見的抽獎效果實例代碼

    JavaScript實現(xiàn)2種常見的抽獎效果實例代碼

    抽獎系統(tǒng)是一種常見的功能,可以用于各種活動和網(wǎng)站,這篇文章主要給大家介紹了關(guān)于JavaScript實現(xiàn)2種常見的抽獎效果的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下
    2024-01-01
  • 用JS實現(xiàn)一個頁面多個css樣式實現(xiàn)

    用JS實現(xiàn)一個頁面多個css樣式實現(xiàn)

    在Hello,Yang中看見的一篇文章,感覺很有用,轉(zhuǎn)來這里……
    2008-05-05
  • 解決前端接收 type:"application/octet-stream" 格式的數(shù)據(jù)并下載(解決后端返回不唯一問題)

    解決前端接收 type:"application/octet-stream" 格

    前端接收 type: “application/octet-stream“ 格式的數(shù)據(jù)并下載,還有后端既返回octet-stream還返回JSON數(shù)據(jù)時的處理方法,今天給大家分享前端接收 type:"application/octet-stream" 格式的數(shù)據(jù)并下載(解決后端返回不唯一問題)的解決方案,感興趣的朋友一起看看吧
    2023-12-12
  • 一道關(guān)于JavaScript變量作用域的面試題

    一道關(guān)于JavaScript變量作用域的面試題

    這篇文章主要為大家介紹了一道關(guān)于JavaScript變量作用域的面試題,如何解決這道面試題,感興趣的小伙伴們可以參考一下
    2016-03-03
  • Javascript 同時提交多個Web表單的方法

    Javascript 同時提交多個Web表單的方法

    1 問題來自一位網(wǎng)友的提問: web頁面里有多個表單,每個表單對應(yīng)著某一類數(shù)據(jù)操作。
    2009-02-02
  • JS小球拋物線軌跡運動的兩種實現(xiàn)方法詳解

    JS小球拋物線軌跡運動的兩種實現(xiàn)方法詳解

    這篇文章主要介紹了JS小球拋物線軌跡運動的兩種實現(xiàn)方法,結(jié)合實例形式分析了javascript實現(xiàn)小球拋物線運動的相關(guān)計算與圖形繪制操作技巧,需要的朋友可以參考下
    2017-12-12
  • Bootstrap CDN和本地化環(huán)境搭建

    Bootstrap CDN和本地化環(huán)境搭建

    這篇文章主要介紹了Bootstrap CDN和本地化環(huán)境搭建的方法,非常不錯具有參考借鑒價值,感興趣的朋友跟著小編一起學習吧
    2016-10-10
  • javascript實現(xiàn)倒計時(精確到秒)

    javascript實現(xiàn)倒計時(精確到秒)

    本文給大家分享的是個人項目中使用的javascript實現(xiàn)的精確到秒級的倒計時代碼,十分的實用,有需要的小伙伴可以參考下。
    2015-06-06
  • 如何利用Typescript封裝本地存儲

    如何利用Typescript封裝本地存儲

    這篇文章主要給大家介紹了關(guān)于如何利用Typescript封裝本地存儲的相關(guān)資料,文中通過實例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2022-01-01
  • javascript原型繼承工作原理和實例詳解

    javascript原型繼承工作原理和實例詳解

    這篇文章主要為大家詳細介紹了javascript原型繼承,闡明什么是原型繼承,以及在JavaScript中究竟如何使用原型繼承,感興趣的小伙伴們可以參考一下
    2016-04-04

最新評論