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);
}