gpt4 book ai didi

javascript - 在新窗口中打开以添加打印页面功能

转载 作者:行者123 更新时间:2023-11-28 06:58:26 30 4
gpt4 key购买 nike

我想为我的网站添加打印页面功能。当前行为:页脚中有一个打印图标,当我点击打印图标时,它会直接打开打印机对话框。取而代之的是,新的预期行为是:当我单击“打印”图标时 -> 它会在具有单独的页眉和页脚的新窗口中打开当前页面的内容。标题中应出现一个新的“打印”按钮。当我单击标题中的“打印”按钮时,应打开“打印”对话框。

截至目前,我可以使用以下代码点击实际页面的打印图标打开一个新窗口:

var printLinks = {};

printLinks.init = function() {
$('body').on('click', '.js-print-link', function(e) {
myWin = window.open('', '_blank', 'resizable,scrollbars,status');
myWin.document.write("<p>Test</p>");
myWin.document.close();
myWin.focus();
e.preventDefault();
});
};

但是当前页面的内容没有在新窗口中显示。我应该在 document.write() 方法而不是 Test 中写什么?请帮忙。

最佳答案

<script type = "text/javascript">
function CallPrint(strid1) {
var prtContent1 = document.getElementById(strid1);
var prtContent2 = document.getElementById(strid2);
<%-- var prtContent1 = document.getElementById("<%=UserDetails1.ClientID %>");
var prtContent2 = document.getElementById("<%=UserDetails2.ClientID %>");--%>
<%-- document.getElementById('<%=UserDetails1.ClientID%>');--%>
<%-- var prtContent1 = document.getElementById('<%=MasterPage2.FindControl("UserDetails1").ClientID %>');
var prtContent2 = document.getElementById('<%=MasterPage2.FindControl("UserDetails2").ClientID %>');
var WinPrint = window.open('', '', 'letf=10,top=10,width="450",height="250",toolbar=1,scrollbars=1,status=1');

//WinPrint.document.write("<html><div>UserDetails1</div><body>");
//WinPrint.document.write("<html><body>");
WinPrint.document.write(prtContent1.innerHTML);
WinPrint.document.write(prtContent2.innerHTML);
//WinPrint.document.write("</body></html>");
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();

return false;
}
</script>


<input name="b_print" type="button" class="ipt" onclick="return CallPrint('UserDetails');" value=" Peerint ">

userdeatils --> 打印 div id

关于javascript - 在新窗口中打开以添加打印页面功能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33370875/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com