1. 标准的方法
复制代码 代码如下:
例:点击 2. 要注意的是,firefox并不支持该功能,它支持的语法是
window.open
('openwin.html','newwin', 'modal=yes, width=200,height=200,resizable=no, scrollbars=no' );
3. 如何自动判断浏览器
复制代码 代码如下:
4. 在ie中,模态对话框会隐藏地址栏,而在其他浏览器则不一定
【注意】在谷歌浏览器中,这个模态的效果也会失效。
5. 一般在弹出对话框的时候,我们都希望整个父页面的背景变为一个半透明的颜色,让用户看到后面是不可以访问的
而关闭对话框之后又希望还原
这是怎么做到的呢?
复制代码 代码如下:
///显示某个订单的详细信息,通过一个模态对话框,而且屏幕会变颜色
function showorderdetails(orderid) {
var url = details.aspx?orderid= + orderid; // $(body).css(filter, alpha(opacity=20));
//filter:alpha(opacity=50)
$(body).addclass(body1);
showdetailsdialog(url, 600px, 400px, yes);
$(body).removeclass(body1);
}
另外,有一个样式表定义
.body1
{
background-color:#999999;
filter:alpha(opacity=40);
}
复制代码 代码如下:
点击