使用javascript在div中使用多行字符串

使用javascript在div中使用多行字符串,javascript,html,Javascript,Html,我创建了一个多行字符串,如下所示“ 现在,我想将此字符串添加到我在弹出窗口中创建的div中,如下所示: myWindow=window.open('','Full_text','width=600,height=600'); myWindow.document.write('<div id="div1" style="position: absolute; left: 10px; width: 580px; top: 30px; height: 550px; overflow: auto;

我创建了一个多行字符串,如下所示“

现在,我想将此字符串添加到我在弹出窗口中创建的div中,如下所示:

myWindow=window.open('','Full_text','width=600,height=600');
myWindow.document.write('<div id="div1" style="position: absolute; left: 10px; width: 580px; top: 30px; height: 550px; overflow: auto;">' + str + '</div>');
myWindow=window.open(“”,'Full_text','width=600,height=600');
myWindow.document.write(“”+str+“”);

但是在div中没有多行字符串。如何解决此问题?

如果没有此CSS属性,则不会在HTML中呈现换行符:

white-space: pre;
您可以尝试将
str
替换为:

var str = str1.value + "<br/>\n" + str2.value;
var str=str1.value+“
\n”+str2.value;
在HTML中呈现时不显示换行符,如果您只需要换行符,请使用

而不是
\n
如果您要保留空格、制表符,请尝试使用
字符串包装字符串。
标记

var str = str1.value + "<br/>\n" + str2.value;