这个效果js怎么实现

很水的长毛怪兽 2012-09-14 09:14:30

我们在用windows的时候，按一个button可以弹出子窗口，然后在子窗口操作，等到子窗口返回，父窗口才继续监听事件。
js能否实现这样的效果，如果能的话怎么做比较好呢？

...全文

285 15 打赏收藏转发到动态举报

写回复

用AI写文章

15 条回复

切换为时间正序

请发表友善的回复…

发表回复

copaer 2012-09-24

打赏
举报

window.showModalDialog(url,arguments,features);
url:子窗口路径
arguments,父窗口传给子窗口的参数，子窗口通过window.dialogArguments进行获取。
features:描述子窗口的特征,具体设置看文档。

zhangjvchao 2012-09-24

打赏
举报

jquery 的dialog 可以弹出一个模态对话框，表面多了一个层，禁止对于层以下的内容进行操作，可以达到要求

又找到怎么修改昵称了 2012-09-24

打赏
举报

当弹出子窗口的时候先给父窗口加一个遮罩层,就像你在火狐alert();时一样,后面的窗口就会变谈一点,这样就可以实现你要的效果了

展S开K双Y翼 2012-09-24

打赏
举报

showModalDialog，但是好像只能在IE下使用，可以造个DIV出来，但是不是楼主想要的效果，window.open也行！不过要自己指定回调。

xinhongjian_123 2012-09-18

打赏
举报

回调函数

任第一 2012-09-15

打赏
举报

window_src.js。用这个。

licip 2012-09-15

打赏
举报

六楼所讲的方法非常对。

h123hu 2012-09-15

打赏
举报

用JS写一个模拟窗口就好了，应该不难

zaiwhere 2012-09-14

打赏
举报

可以 ,用JS可以

天下如山 2012-09-14

打赏
举报

这个貌似不是WEB项目吧?

泡泡鱼_ 2012-09-14

打赏
举报

两种方法：
1：使用showModalDialog弹出新窗口
2：使用div去模拟模态化窗口[建议]；这种方法或是插件在网上好多
jquery Dialog可以
artDialog也可以

wwperfect 2012-09-14

打赏
举报

打开的窗口设置为模式化窗口。

我就是大神 2012-09-14

打赏
举报

ls说得对，遮罩层。点击button。弹出2层，第一层就是浏览器大小的半透明层（比如background:rgba(0,255,0)），样式z-index设的高些，比如99，第二层样式就是你要操作的子窗口，z-index比上个高一点，100就行。这样第一层就把页面覆盖，不能操作。第二层能操作。

一天要饭生活又开始啦 2012-09-14

打赏
举报

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
#divId { width:100px; height:100px; margin:0 auto; background-color:#F00; }
</style>
</head>

<body>
<div id="divId"></div>
<script type="text/javascript">
var divs = document.getElementById("divId");
divs.onclick = function() {
var wWidth = Math.max(document.documentElement.scrollWidth,
document.documentElement.clientWidth);
var wHeight = Math.max(document.documentElement.scrollHeight,
document.documentElement.clientHeight);
var touDiv = document.createElement("div");
touDiv.style.position = "absolute";
touDiv.style.left = 0;
touDiv.style.top = 0;
touDiv.style.width = wWidth + "px";
touDiv.style.height = wHeight + "px";
touDiv.style.backgroundColor = "#666666";
document.body.appendChild(touDiv);
var newDiv = document.createElement("div");
newDiv.style.position = "absolute";
newDiv.style.zIndex = 500;
newDiv.style.width = "400px";
newDiv.style.height = "400px";
newDiv.style.margin = "0 auto";
newDiv.style.backgroundColor = "#F00";
document.body.appendChild(newDiv);
}
</script>
</body>
</html>