blocks|key|1949271|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1949272|var+x=window.open();
x.document.open();
x.document.write('content');
x.document.close();|code-block|syntax|javascript|1949273|我发现它在Chrome和IE上都能用。|1949274|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Try this:

<pre><code>var x=window.open();
x.document.open();
x.document.write('content');
x.document.close();
</code></pre>

I find it works in Chrome and IE.

blocks|key|1735779|text|以下是使用jQuery打开包含内容的新窗口的示例|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1735780|<script>
function+nWin()+{
++var+w+=+window.open();
++var+html+=+$("#toNewWindow").html();

++++$(w.document.body).html(html);
}

$(function()+{
++++$("a#print").click(nWin);
});​
</script>

<div+id="toNewWindow">
++++Your+content+here
</div>

<a+href="javascript:;"+id="print">Open</a>​|code-block|syntax|javascript|1735781|编辑:对于那些说这段代码不能工作的人，这里有一个jsfiddle可以试试http://jsfiddle.net/8dXvt/|offset|length|1735782|entityMap|0|LINK|mutability|MUTABLE|url|http://jsfiddle.net/8dXvt/^0|0|0|10|Q|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|T|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|U|8|@]|9|@$I|V|J|W|1|X]]|A|$]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

Here's an example to open a new window with content using jQuery

<pre><code>&lt;script&gt;
function nWin() {
 var w = window.open();
 var html = $("#toNewWindow").html();

 $(w.document.body).html(html);
}

$(function() {
 $("a#print").click(nWin);
});​
&lt;/script&gt;

&lt;div id="toNewWindow"&gt;
 &lt;p&gt;Your content here&lt;/p&gt;
&lt;/div&gt;

&lt;a href="javascript:;" id="print"&gt;Open&lt;/a&gt;​
</code></pre>

EDIT:
For those who say that this code doesn't work, here's a jsfiddle to try it <a href="http://jsfiddle.net/8dXvt/" rel="noreferrer">http://jsfiddle.net/8dXvt/</a>

blocks|key|1949293|text|基于@Emre的答案。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1949294|使用javascript，您可以进行链接，所以我将代码修改为：|1949295|var+x=window.open();
x.document.open().write('content');
x.close();|code-block|syntax|javascript|1949296|此外，要将其强制显示为新窗口(而不是新选项卡)，请指定第一行的尺寸。但这必须是第三个论点。因此，将第一行更改为：|1949297|var+x=window.open('','','width=600,+height=600');|1949298|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Building upon @Emre's answer.

With javascript, you can chain, so I just modified the code to:

<pre><code>var x=window.open();
x.document.open().write('content');
x.close();
</code></pre>

Also, to force it to a new window (not a new tab), give the first line dimensions. But it has to be the third argument. So change the first line to:

<pre><code>var x=window.open('','','width=600, height=600');
</code></pre>

blocks|key|1735790|text|尝试：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1735791|var+x+=+window.open('',+'',+'location=no,toolbar=0');
x.document.body.innerHTML+=+'content';|code-block|syntax|javascript|1735792|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

try:

<pre><code>var x = window.open('', '', 'location=no,toolbar=0');
x.document.body.innerHTML = 'content';
</code></pre>

blocks|key|1735799|text|var+codeContents+=+$("#contentsfornewWindow").html()
var+win+=+window.open('',+'title',+'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=1000,height=1000,left=200,top=70');

win.document.body.innerHTML+=+codeContents;|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1735800|VS：|unstyled|1735801|win.document.write(codeContents);|1735802|我注意到，如果有像youtubes视频这样的iframe，win.document.write会加载iframe，而document.body.innerHTML不会！|offset|length|style|CODE|1735803|entityMap^0|0|0|0|T|I|1M|N|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@]|A|$]]|$1|G|3|H|5|6|7|S|8|@]|9|@]|A|$B|C]]|$1|I|3|J|5|F|7|T|8|@$K|U|L|V|M|N]|$K|W|L|X|M|N]]|9|@]|A|$]]|$1|O|3|-4|5|F|7|Y|8|@]|9|@]|A|$]]]|P|$]]

<pre><code>var codeContents = $("#contentsfornewWindow").html()
var win = window.open('', 'title', 'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=1000,height=1000,left=200,top=70');

win.document.body.innerHTML = codeContents;
</code></pre>

VS:

<pre><code>win.document.write(codeContents);
</code></pre>

I have notice if there are iframes like youtubes videos , <code>win.document.write</code> loads the iframes where as <code>document.body.innerHTML</code> does not!

I am trying to open a new window from javascript but nothing is being inserted into the html:

<pre><code>var callScriptText = $('#callScriptText').html();
var url = '/Action/CallScript/?callScript=';

// Open the current call script in a new window
var openWindow = window.open(url, 'callScriptPopup', 'width = 500, height = 500');
$(openWindow).html(callScriptText);
</code></pre>

Does anyone know why?

How to open a new window and insert html into it using jQuery?

jQuery

我正在尝试从javascript打开一个新窗口，但是没有任何东西被插入到html中：var callScriptText = $('#callScriptText').html();var url = '/Action/CallScript/?callScript=';// Open the current call ...

问如何使用jQuery打开一个新窗口并将html插入其中？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery打开一个新窗口并将html插入其中？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用jQuery打开一个新窗口并将html插入其中？
EN