Question

我使用此代码复制div的内容以在新窗口中显示

     var w = window.open();
     var text = $("#my-div").html();
     $(w.document.body).html(text);

但是随着内容的增加，它会在内容之前添加额外的新行，大约200px。

可能是什么原因？

Answer 1

对于一个空体：

<body>
</body>

$(document.body).html()  --> `"↵↵↵"`

所以，如果你需要避免空行使用trim（）：

 var w = window.open();
 var text = $("#my-div").html().trim();
 $(w.document.body).html(text);

Trim()：从字符串的两端删除空格。此上下文中的空格是所有空白字符（空格，制表符，不间断空格等）和所有行终止符（LF，CR等）。