IE瀏覽器的彈出模態框

很多時候做web項目需要用到模態框進行操作,關於IE瀏覽器的模態框最近做項目遇到了,在這裏簡單介紹一下,並給出一個小案例
以下給出的模態框不兼容谷歌瀏覽器只針對IE瀏覽器:
一, window.showModalDialog(‘saveAddress.do? oneId=’+oneId,”,’dialogWidth:880px;dialogHeight:440px;help:no;Scroll=no;status=no;center=yes’);
1.第一個是彈出框的路徑:’saveAddress.do? oneId=’+oneId,(ps:一定要返回一個頁面)
2.dialogWidth:控制彈出框的寬度
3.dialogHeight:控制彈出框的高度
4.center:是否居中顯示
5.status:是否顯示狀態欄
6.help:是否顯示幫助按鈕
二,具體案例:
這裏寫圖片描述

其中someValue就是拿到彈出框的返回值,
請看下面彈出框案例:
 var someValue= oneId+","+errType+","+emailTo+","+emailCc+","+factory+","+mailType;
      parent.window.returnValue=someValue; 
      window.close();
   這個parent.window.returnValue=someValue; 就是把彈出框的值賦給父頁面即:案例中的someVaule

以下給出一個案例圖:
這裏寫圖片描述
選擇之後點擊“保存”按鈕,父頁面就會拿到彈出框的值!真的很簡單!!!

發佈了32 篇原創文章 · 獲贊 14 · 訪問量 3萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章