使用js打印网页局部图片（内容）

html源码

<!DOCTYPE html>
<html>
<head><title></title>
</head>
<meta charset="utf-8">
<script type="text/javascript">
function my_print()
{  //直接调用浏览器打印功能bdhtml=window.document.body.innerHTML; //定义打印区域起始字符，根据这个截取网页局部内容     sprnstr="<!--startprint-->"; //打印区域开始的标记eprnstr="<!--endprint-->";   //打印区域结束的标记  prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);      prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //还原网页内容     window.document.body.innerHTML=prnhtml;   //开始打印window.print();
}</script>
<body><a href="#" onClick="my_print();" ><span> 打  印</span></a><br><!--startprint--><img src="test.jpg" style="height: 150px;width:150px"/><!--endprint-->
</body>
</html>

测试结果：

使用js打印网页局部图片（内容）相关推荐

window.print()打印网页局部内容
用window.print()打印网页局部内容今天客户让添加个打印证照功能,直接用window.print()打印的是整个页面,而用以下方法就可以只打印证明了 <!--window.print ...
使用JS打印网页内容及图片
1.利用jQuery打印插件jqprint:jquery.jqprint-0.3.js ; 2. window.print()的JS编写: <!DOCTYPE html> <html ...
js删除网页中图片width 和 height
js删除网页中图片width 和 height 一段代码轻松搞定适用于: 电脑端网页带图片属性导致移动网页显示错位/错误备注: 需搭配jquery.min.js (注!jquery-2.0以上版本 ...
js网页打印,js打印,javascript局部打印,网页局部打印方法
一.css控制网页局部打印举例: <div class="noprint" > <table style="margin:0 auto;width:5 ...
html打印指定区域内容,js print打印网页指定区域内容
比较简单的办法使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 细如下: 代码如下 .noprint{visibility:hidden} 要打印的内容.哈哈! ...
[自用]js 打印网页中指定的部分内容和范围
打印网页中定义的部分内容的实现方法正常情况下的打印是使用 window.print();直接整页打印,但如果需要打印网页中定义的部分内容,则可使用如下的方法: 1.在页面的代码头部处加入JavaSc ...
window.print()打印网页中指定内容的实现方法
一般直接使用window.print();是直接打印了整个页面,但只打印其中的一部分时就需要一些方法了 1.在页面的代码头部处加入JavaScript: <script language=jav ...
JS实例:网页上图片延迟加载的JS代码
网页制作Webjx文章简介:大家如果使用firebug去查看的话就会发现,当你滚动到相应的行时,当前行的图片才即时加载的,这样子的话页面在打开只加可视区域的图片,而其它隐藏的图片则不加载,一定程序上加 ...
js打印页面指定区域内容
2种方式: 一种只支持IE浏览器另一种支持各类浏览器 <html xmlns="http://www.w3.org/1999/xhtml"> <head> ...
window.print()打印网页中指定内容
<!DOCTYPE html> <html><head><meta charset=" utf-8"><meta name=& ...

使用js打印网页局部图片（内容）

html源码

使用js打印网页局部图片（内容）相关推荐

最新文章

热门文章