Question

javascript中window.open如何使用 在写等

我这个是单击小图片后 弹出一个新的窗口，显示大图。这种效果虽然实现了，但是我想在新的open页面中增加一个关闭按钮，这样的话 应该怎么设置 求高手解答
<div class="dmt">
<img src="images/pic_video.jpg" id="showDMT" alt="单击查看大图" />
</div>

$("#showDMT").click(function(){
var imgurl = $("#showDMT").attr("src");
window.open(imgurl,"_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=600");
});

Answer 1

这样做的不太好，可以采用 jQuery弹出窗口插件 FancyBox

FancyBox是一款基于jquery开发的类Lightbox插件。支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽，该lightbox除了能够展示图片之外，还可以展示iframed内容， 通过css自定义外观。

相对与Lightbox而言，阴影效果更好。但是比Lightbox绚丽。

使用很是简单，可以参照Lightbox，修改添加代码。

示例代码：

$(document).ready(function() { 
	/* This is basic - uses default settings */ 
	$("a#single_image").fancybox(); 
	/* Using custom settings */ 
	$("a#inline").fancybox({ 'hideOnContentClick': true }); 
	$("a.group").fancybox({ 
		'zoomSpeedIn': 300, 
		'zoomSpeedOut': 300, 
		'overlayShow': false 
	}); 
});

使用效果图：

望采纳 Thx

Answer 2

同域的话：你可以用 var win = window.open("路径");
这样你就获取到了打开的窗口：win。
你可以通过 win.document.body.appendChild(win.document.createElement("button"));
这样就添加了一个button，你可以获取到button，给button添加事件，注意，全部都要在win（你打开的窗口）窗口对象下进行。
为了方便你可以：
with(win){
var button = document.createElement("button");
button.onclick = function(){};
document.body.appendChild(button);
}

如果不同域，需要双方提供安全接口（onmessage验证，和postMessage发送消息）。
这是html5特性，跨窗口通信。
如果实力过硬，建议使用html5标准通信，逻辑如下：
1. 开打页面，名称为A
2. A页面发送消息给opener，说明页面加载完毕，可立即通信
3. opener接收到加载完毕消息后，发送信息给A页面，告诉A页面需要创建关闭按钮
4. A页面接到信息后，创建关闭按钮

Answer 3

$("#showDMT").click(function(){
		var imgurl = $("#showDMT").attr("src");
		var showWin=window.open("about:blank","_blank","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=600");
		
		showWin.document.write('<img src="'+imgurl+'"><br>');
		showWin.document.write('<button value="关闭" onclick="window.close()">');
});