如何实现HTML的打印和预览

发布网友发布时间：2022-04-21 18:05

共2个回答

热心网友时间：2022-04-06 14:21

<html><head><title>打印-页面设置-打印预览-关闭窗口</title>
<script language=javascript>
function printsetup()
{
// 打印页面设置
wb.execwb(8,1);
}
function printpreview()
{
var ht1 = document.getElementByIdx_x("h");
ht1.style.display="none";//隐藏不必打印的部分,该隐藏只在预览中有效,真正打印时要用css控制
wb.execwb(7,1); // 打印页面预览

ht1.style.display="";　//预览完再将隐藏的部分显示出来　　
}
function printit()
{
　if (confirm('确定打印吗？'))
{
wb.execwb(6,6);
}
}
</script>
<style type="text/css" media=print>
.noprint{display : none } //不打印
</style>
</head>
<body>

<div id="h" align=center class="noprint">
<OBJECT id=wb height=0 width=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT>
<INPUT onclick=javascript:printit() type=button value=打印 />
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 />
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 />
<INPUT onclick=javascript:window.close(); type=button value=关闭 />
</div>
要打印的正文
</body>
</html>

热心网友时间：2022-04-06 15:39

<HTML><HEAD><TITLE>打印-页面设置-打印预览-关闭窗口</TITLE>
<SCRIPT language=javascript>
function printsetup()
{
// 打印页面设置
wb.execwb(8,1);
}
function printpreview()
{
var ht1 = document.getElementByIdx_x("h");
ht1.style.display="none";//隐藏不必打印的部分,该隐藏只在预览中有效,真正打印时要用css控制
wb.execwb(7,1); // 打印页面预览

ht1.style.display="";　//预览完再将隐藏的部分显示出来　　
}
function printit()
{
　if (confirm('确定打印吗？'))
{
wb.execwb(6,6);
}
}
</script>
<style type="text/css" media=print>
.noprint{display : none } //不打印
</style>
</HEAD>
<BODY>

<DIV id="h" align=center class="noprint">
<OBJECT id=wb height=0 width=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></OBJECT>
<INPUT onclick=javascript:printit() type=button value=打印 />
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 />
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 />
<INPUT onclick=javascript:window.close(); type=button value=关闭 />
</DIV>
要打印的正文
</BODY>
</HTML>