如何利用JS控制打印某页面内某些内容 100
例如<body><divid="print"><imgsrc=""><br>abcdefg<br><table><tr><td>ffffffffffff</td></tr...
例如
<body>
<div id="print">
<img src=""><br>
abcdefg<br>
<table><tr><td>ffffffffffff</td></tr></table><br>
<img src=><br>
</div>
12345678<br>
<img src=""><br>
fesf
</body>
那么,如果利用window.print()这个函数,或者自己构建函数,使其只打印<div id="print">里面的内容,
不是打印源代码,是打印出排版后的东西哦...就是肉眼在浏览器能看到的东西.
一楼那样也不能控制只打印一部分吖.. 展开
<body>
<div id="print">
<img src=""><br>
abcdefg<br>
<table><tr><td>ffffffffffff</td></tr></table><br>
<img src=><br>
</div>
12345678<br>
<img src=""><br>
fesf
</body>
那么,如果利用window.print()这个函数,或者自己构建函数,使其只打印<div id="print">里面的内容,
不是打印源代码,是打印出排版后的东西哦...就是肉眼在浏览器能看到的东西.
一楼那样也不能控制只打印一部分吖.. 展开
2个回答
展开全部
Javascript代码:
<script language="javascript" type="text/javascript">
function printsetup(){wb.execwb(8,1); }
function printpreview(){wb.execwb(7,1);}
function printit(){wb.execwb(6,6)}
function printclose(){wb.execwb(45,1);}
//WebBrowser.ExecWB(1,1) 打开
//Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
//Web.ExecWB(4,1) 保存网页
//Web.ExecWB(6,1) 打印
//Web.ExecWB(7,1) 打印预览
//Web.ExecWB(8,1) 打印页面设置
//Web.ExecWB(10,1) 查看页面属性
//Web.ExecWB(15,1) 好像是撤销，有待确认
//Web.ExecWB(17,1) 全选
//Web.ExecWB(22,1) 刷新
//Web.ExecWB(45,1) 关闭窗体无提示
</script>
CSS代码:
<style media="print" type="text/css">
.Noprint{display:none;}
.NextPage{page-break-before:always;}
</style>
网页代码:
<object id="wb" height="0" "width=0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" name="wb"></object>
<div class="Noprint" style="text-align: right;border: 1px solid #99BCFC;margin:0px 5px 0px 5px;padding:2px 5px 2px 5px;background-color: #EBF1FA;">
<input type="button" onclick="javascript:printsetup();" name="button2" id="button2" value="页面设置"/>
<input type="button" onclick="javascript:printpreview();" name="button3" id="button3" value="打印预览"/>
<input type="button" onclick="javascript:printit();" name="button4" id="button4" value="打印"/>
<input type="button" onclick="javascript:printclose();" name="button" id="button" value="关闭"/>
</div>
<script language="javascript" type="text/javascript">
function printsetup(){wb.execwb(8,1); }
function printpreview(){wb.execwb(7,1);}
function printit(){wb.execwb(6,6)}
function printclose(){wb.execwb(45,1);}
//WebBrowser.ExecWB(1,1) 打开
//Web.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
//Web.ExecWB(4,1) 保存网页
//Web.ExecWB(6,1) 打印
//Web.ExecWB(7,1) 打印预览
//Web.ExecWB(8,1) 打印页面设置
//Web.ExecWB(10,1) 查看页面属性
//Web.ExecWB(15,1) 好像是撤销，有待确认
//Web.ExecWB(17,1) 全选
//Web.ExecWB(22,1) 刷新
//Web.ExecWB(45,1) 关闭窗体无提示
</script>
CSS代码:
<style media="print" type="text/css">
.Noprint{display:none;}
.NextPage{page-break-before:always;}
</style>
网页代码:
<object id="wb" height="0" "width=0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" name="wb"></object>
<div class="Noprint" style="text-align: right;border: 1px solid #99BCFC;margin:0px 5px 0px 5px;padding:2px 5px 2px 5px;background-color: #EBF1FA;">
<input type="button" onclick="javascript:printsetup();" name="button2" id="button2" value="页面设置"/>
<input type="button" onclick="javascript:printpreview();" name="button3" id="button3" value="打印预览"/>
<input type="button" onclick="javascript:printit();" name="button4" id="button4" value="打印"/>
<input type="button" onclick="javascript:printclose();" name="button" id="button" value="关闭"/>
</div>
参考资料： http://www.corange.cn/archives/2008/12/2812.html
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
