Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jQuery中的主要问题 函数PrintElem() { var mydiv1=document.getElementById(“div1”); var mydiv2=mydiv.getElementsByTagName(“div2”); 打印的文档(mydiv1、mydiv2); } 函数打印驱动程序(d1、d2) { var mywindow=window.open(“”,'my div','height=400,width=600'); mywindow.document.write(“”+d1.innerHTML+“”); //我想在这里显示这个窗口中的图像。 $(d2.print(); //但是想要打印Div2图像,我正在使用jquery.print.js插件,但不工作。它正在打印完整的页面。如何使用多个浏览器完成任务。 }_Javascript_Jquery - Fatal编程技术网

Javascript jQuery中的主要问题 函数PrintElem() { var mydiv1=document.getElementById(“div1”); var mydiv2=mydiv.getElementsByTagName(“div2”); 打印的文档(mydiv1、mydiv2); } 函数打印驱动程序(d1、d2) { var mywindow=window.open(“”,'my div','height=400,width=600'); mywindow.document.write(“”+d1.innerHTML+“”); //我想在这里显示这个窗口中的图像。 $(d2.print(); //但是想要打印Div2图像,我正在使用jquery.print.js插件,但不工作。它正在打印完整的页面。如何使用多个浏览器完成任务。 }

Javascript jQuery中的主要问题 函数PrintElem() { var mydiv1=document.getElementById(“div1”); var mydiv2=mydiv.getElementsByTagName(“div2”); 打印的文档(mydiv1、mydiv2); } 函数打印驱动程序(d1、d2) { var mywindow=window.open(“”,'my div','height=400,width=600'); mywindow.document.write(“”+d1.innerHTML+“”); //我想在这里显示这个窗口中的图像。 $(d2.print(); //但是想要打印Div2图像,我正在使用jquery.print.js插件,但不工作。它正在打印完整的页面。如何使用多个浏览器完成任务。 },javascript,jquery,Javascript,Jquery,我想使用window.open()显示一个div并打印另一个div。我正在使用jquery.print.js插件,但不工作。它正在打印完整的页面。如何使用多个浏览器完成任务。请帮帮我。提前谢谢 您可以打印特定的div <html> <head> <script type="text/javascript"> function PrintElem() { var mydiv1 = document.getElementB

我想使用window.open()显示一个div并打印另一个div。我正在使用jquery.print.js插件,但不工作。它正在打印完整的页面。如何使用多个浏览器完成任务。请帮帮我。提前谢谢

您可以打印特定的div

<html>
<head>
<script type="text/javascript">

    function PrintElem()
    {
            var mydiv1 = document.getElementById("div1");
            var mydiv2= mydiv.getElementsByTagName("div2");
       printTheDivs(mydiv1, mydiv2);
    }

    function printTheDivs (d1,d2) 
    {
        var mywindow = window.open('', 'my div', 'height=400,width=600');
         mywindow.document.write('<html><body>' + d1.innerHTML + '</body></html>');
//Here I want to show the Images in this window.

$(d2).print();

//but want to print the Div2 Images I’m using the jquery.print.js plugin but not working. It is printing complete page. How to accomplish the task with multiple Browsers.


    }

</script>
</head>
<body>

<div id="div1">
<img src=”image1.jpg”/>
<img src=”image2.jpg”/>
<img src=”image3.jpg”/>
<img src=”image4.jpg”/>
<img src=”image5.jpg”/>
</div>

<div id="div2">
<img src=”image6.jpg”/>
<img src=”image7.jpg”/>
<img src=”image8.jpg”/>
<img src=”image9.jpg”/>
<img src=”image10.jpg”/>
</div>

<input type="button" value="Print Div" onclick="PrintElem()" />

</body>
</html>
测试
函数printDiv(divID){
//获取div的HTML
var divElements=document.getElementById(divID).innerHTML;
//获取整个页面的HTML
var oldPage=document.body.innerHTML;
//仅用div的HTML重置页面的HTML
document.body.innerHTML=
"" + 
divElements+“”;
//打印页
window.print();
//还原原始HTML
document.body.innerHTML=旧页;
}
printDiv('divid')

检查此处

可以,如果您将div放在它自己的窗口中,他似乎正在做一半。@kevin。请解释如何做?可能重复,但这会导致在更换正文内容时加载窗口(window.Open())。另外,在我刷新页面之前,页面在替换正文内容后无法正常运行。还有其他解决办法吗?
<div id="divid">test</div>

function printDiv(divID) {
        //Get the HTML of div
        var divElements = document.getElementById(divID).innerHTML;
        //Get the HTML of whole page
        var oldPage = document.body.innerHTML;

        //Reset the page's HTML with div's HTML only
        document.body.innerHTML = 
          "<html><head><title></title></head><body>" + 
          divElements + "</body>";

        //Print Page
        window.print();

        //Restore orignal HTML
        document.body.innerHTML = oldPage;


    }
    printDiv('divid')