HTML 怎么写一个打印预览页面。 5

做一个财务相关网页,里面有打印单子,打印前有预览的功能。这个怎么实现呢... 做一个财务相关网页,里面有打印单子,打印前有预览的功能。这个怎么实现呢 展开
 我来答
debug_this
2015-09-07
知道答主
回答量:3
采纳率:0%
帮助的人:4.3万
展开全部

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>Insert title here</title>

<script type="text/javascript">

function preview(oper)

{

if (oper < 10){

bdhtml=window.document.body.innerHTML; //获取当前页的html代码

sprnstr="<!--startprint"+oper+"-->"; //设置打印开始区域

eprnstr="<!--endprint"+oper+"-->"; //设置打印结束区域

prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html

window.document.body.innerHTML=prnhtml;

window.print();

window.document.body.innerHTML=bdhtml;

} else {

window.print();

}

}


function xx(){

window.print();

}

</script>

</head>

<body>

  <samp> 预览功能可以使用谷歌浏览器,ie预览功能同上,其他好像不支持</samp>

  <samp style="color: red">直接粘贴到页面(html)中就可以使用</samp>

 <!--startprint1-->

<!--打印内容开始-->

<div id=sty>

    <img alt="" src="http://img4.duitang.com/uploads/item/201401/25/20140125231152_VcdwM.jpeg" 

    style="width: 500px;height: 500px">

</div>

<!--打印内容结束-->

<!--endprint1-->

<input type=button name='button_export' title='打印1' onclick=preview(1) value=打印图片>

<input type="button" value="打印整个网页" onclick="xx()">


</body>

</html>


博思aippt
2024-07-20 广告
作为深圳市博思云创科技有限公司的工作人员,对于Word文档生成PPT的操作,我们有以下建议:1. 使用另存为功能:在Word中编辑完文档后,点击文件->另存为,选择PowerPoint演示文稿(*.pptx)格式,即可将文档内容转换为PPT... 点击进入详情页
本回答由博思aippt提供
Kmars1985
2014-07-22 · TA获得超过1172个赞
知道小有建树答主
回答量:554
采纳率:0%
帮助的人:388万
展开全部
<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 h 中的内容不打印 -->
<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>
追问
只有在IE下能用,其他浏览器根本不行!
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式