Question

如何将整个div复制到弹出窗口？

我想做什么：

function ImprimirTela() {
        var text = "<html>\n<head>\n<title>Impressão Guia</title>\n";
        text += "<script src='~/js/jquery-1.4.2.js' type='text/javascript' language='javascript' />\n";
        text += "</head>\n<body>\n";
        text += "<input type='button' value='Imprimir esta página' onclick='window.print();' style='float: right' />\n";
        text += "<div id='conteudo'>\n";

        text += $("#divDadosBasicos").html($(querySelector).html());
        text += $("#divHipotesesDiagnosticas").html($(querySelector).html());

        text += "</div>\n/body>\n</html>";
        var newWindow = window.open('', 'Impressao', 'width=900,height=700');
        newWindow.document.write(text);
    }

我不知道这是否是更好的方法。如果您认为/知道更简单的方法，请分享

提前致谢！

Answer 1

修复其中一些错误，它会正常工作

脚本标记未正确关闭
正文标记未正确关闭

未定义querySelector。（我正在评论那部分）

function ImprimirTela() {
    var text = "<html>\n<head>\n<title>Impressão Guia</title>\n";
    text += "<script src='~/js/jquery-1.4.2.js' type='text/javascript' language='javascript'></script>\n";
    text += "</head>\n<body>\n";
    text += "<input type='button' value='Imprimir esta página' onclick='window.print();' style='float: right' />\n";
    text += "<div id='conteudo'>\n";
    //define querySelector
    //text += $("#divDadosBasicos").html($(querySelector).html());
    //text += $("#divHipotesesDiagnosticas").html($(querySelector).html());

    text += "</div>\n</body>\n</html>";
    var newWindow = window.open('', 'Impressao', 'width=900,height=700');
    newWindow.document.write(text);
}

Answer 2

您可以使用Jquery Modal Popup

http://jqueryui.com/demos/dialog/

检查它，它具有您需要的功能。

您可以调整几个事件来修改数据。

Answer 3

刚刚对此进行了测试，只要querySelector被定义，代码似乎工作正常，并且它在document.ready函数中，并且您在实际的Web服务器上测试它（如WAMP / LAMP等））。它不会在jsFiddle等地方工作。

将div复制到弹出窗口

3 个答案: