很多時候做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
以下給出一個案例圖:
選擇之後點擊“保存”按鈕,父頁面就會拿到彈出框的值!真的很簡單!!!