具体如何打印 <div> javascript或jquery在新窗口中显示内容？

Question

我有一个使用javascript的简单html代码。（如果jquery有可能建议我）

 <script> var myWindow; function openWin() { myWindow = window.open("", "myWindow", "width=200,height=100"); myWindow.document.write(#tobePrint); } function closeWin() { myWindow.close(); } </script>

 <!DOCTYPE html> <html> <body> <div id="tobePrint">Print the content of this div content in new window.</div> <button onclick="openWin()">Open "myWindow"</button> <button onclick="closeWin()">Close "myWindow"</button> </body> </html>

我试图在新标签页即将到来的新窗口，我需要新的窗口碰到了tab.The的内容是在div应在新window.So我试图myWindow.document显示的一面。写（#tobePrint）; 访问ID并尝试打印，但无法正常工作。

Answer 1

这是工作解决方案：

 var myWindow; function openWin() { myWindow = window.open("myWindow","newwin") var tobePrint = $('#tobePrint').text(); myWindow.document.write('<p>' + tobePrint+ '</p>'); } function closeWin() { myWindow.close(); }

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <body> <div id="tobePrint">Print the content of this div content in new window.</div> <button onclick="openWin()">Open "myWindow"</button> <button onclick="closeWin()">Close "myWindow"</button> </body>

Answer 2

您可以从打开的窗口底部一行的类似代码中获取div内容

 window.opener.document.getElementById('tobePrint').innerHTML

Answer 3

从子窗口获取“ tobePrint” div的内容。 在您的子窗口上编写此代码。

$(document).ready
(
   function () 
  {
      alert(window.parent.document.getElementById('tobePrint').innerHTML);
              }

  );

具体如何打印 <div> javascript或jquery在新窗口中显示内容？

问题描述

3 个解决方案

解决方案1
1 已采纳 2018-11-27 11:59:02

解决方案2
0 2018-11-27 11:41:14

解决方案3
0 2018-11-27 13:46:55

具体如何打印 <div> javascript或jquery在新窗口中显示内容？

问题描述

3 个解决方案

解决方案1 1 已采纳 2018-11-27 11:59:02

解决方案2 0 2018-11-27 11:41:14

解决方案3 0 2018-11-27 13:46:55

解决方案1
1 已采纳 2018-11-27 11:59:02

解决方案2
0 2018-11-27 11:41:14

解决方案3
0 2018-11-27 13:46:55