有没有办法使用jQuery在新窗口中显示图像？

这里是我的代码为它有没有办法使用jQuery在新窗口中显示图像？

$(document).ready(function() { 
    $('#happymyleast').css('display', 'none'); 
}); 

$(document).ready(function() { 
    $('#reveal').click(function() { 
    window.open('testpage.html'); 
    $('#happymyleast').show(); 
    }); 
});

#happymyleast { 
    position: absolute; 
    top: 119px; 
    left: 71px; 
    height: 20px; 
    width: 20px; 
    background-color: #FFCC00; 
    border-radius: 10px; 
}

<p id="happymyleast"></p> 
<button id="reveal">Reveal</button>

当我点击显示按钮，我想要的图像或者说我已经建立了CSS的形状是什么，我希望做在另一个页面上显示。那是可以实现使用jQuery的东西吗？

来源

2016-09-29 L.Russell

打开图像很简单 - 只需在图像的URL处使用'window.open（）'。 'css shape'是什么意思？ –

我在代码中添加了window.open（），并且工作正常。如果我加入我已经建立的可能会更清晰的内容。 –

我将编辑我的问题，并以这种方式添加CSS，你可以看到我所做的。 –

$(document).ready(function(){ 
    $('#happymyleast').css('display', 'none'); 
}); 
$(document).ready(function(){ 
    $('#reveal').click(function(){ 
     var sub_window= window.open(); 
     var content=$('#happymyleast').html(); 
     //var styles=$('style').clone(); 
     var styles=$('style').clone().wrap('<div/>').parent().html(); 
     var full_content ='<head>'+styles+'</head>'+'<body>'+content+'</body>'; 
     //console.log(styles); 
     sub_window.document.write(full_content); 

    }); 
});

如果你把图像放在p里面，你就可以看到它。或者只需在里面输入'Hello Worl'，你就可以看到它。

我认为你正在寻找这样的事情

我已经做出了表率，但我不能够容纳它的jsfiddle，因为的jsfiddle阻止document.write

来源

2016-09-29 09:11:10

我已经将你的代码添加到我的代码中，它打开了一个空白页面，所以我要做的是将我用来创建CSS的样式表添加到我的新页面中，这样，happymyleast形状将显示在另一页上。谢谢你的帮助。 –

这里是小提琴：https://jsfiddle.net/6Lbv4gnd/1/ –

感谢您的帮助，我看着小提琴及其正是我想要的，所以非常感谢。 –

在新页面上打开图像很简单：

window.open($("#your_image").attr("src"), "_blank")

现在

的CSS，如果这个人是动态生成的，并且希望它出现在一个新的页面，你必须使用AJAX和PHP动态写入当前的CSS到外部CSS文件中，然后调用它在内部新一页！

来源

2016-09-29 09:15:24 mondersky

有没有办法使用jQuery在新窗口中显示图像？

回答

相关问题