javascript window.showModalDialog不兼容goole解决方案

window.showModalDialog不兼容goole解决方案

一.弹框方案：

1.window.open;

2.window.showModalDialog;

3.div制作窗口；（本节忽略）

二.参数：

1.window.open参数解释：

/*

*常用参数：

　  1.page.html' 弹出窗口的文件名； 
　  2.newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替； 
     3.hight=100 窗口高度； 
     4.width=400 窗口宽度； 
　  5.top=0 窗口距离屏幕上方的象素值； 
     6.left=0 窗口距离屏幕左侧的象素值； 
　  7.toolbar=no 是否显示工具栏，yes为显示； 
　  8.menubar，scrollbars 表示菜单栏和滚动栏。 
  　9.resizable=no 是否允许改变窗口大小，yes为允许； 
　 10.location=no 是否显示地址栏，yes为允许； 
    11.status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；

*/

2.window.showModalDialog参数解释：

/*

*showModalDialog常用参数：

　　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。

*/

三.兼容：

Chrome 37也禁用了对showModalDialog的默认支持。

//可以通过这个判断

if(window.showModalDialog==undefined){
window.open(url,"","height=500, width=860,top=270,left=530");

}else{

window.showModalDialog(url,860,500,"","","","",false);

}