有没有办法使用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的东西吗?
$(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
我已经将你的代码添加到我的代码中,它打开了一个空白页面,所以我要做的是将我用来创建CSS的样式表添加到我的新页面中,这样,happymyleast形状将显示在另一页上。谢谢你的帮助。 –
这里是小提琴:https://jsfiddle.net/6Lbv4gnd/1/ –
感谢您的帮助,我看着小提琴及其正是我想要的,所以非常感谢。 –
在新页面上打开图像很简单:
window.open($("#your_image").attr("src"), "_blank")
现在
的CSS,如果这个人是动态生成的,并且希望它出现在一个新的页面,你必须使用AJAX和PHP动态写入当前的CSS到外部CSS文件中,然后调用它在内部新一页 !
打开图像很简单 - 只需在图像的URL处使用'window.open()'。 'css shape'是什么意思? –
我在代码中添加了window.open(),并且工作正常。如果我加入我已经建立的可能会更清晰的内容。 –
我将编辑我的问题,并以这种方式添加CSS,你可以看到我所做的。 –