Javascript打印局部页面实例
更新时间：2016年06月21日 15:22:39 作者：沫鱼
这篇文章主要分享一个Javascript打印局部页面实例,需要的朋友可以参考下。
代码如下，简单实用。因为需要用到这个东西，所以很无耻的拾人牙慧，收藏一下。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
function doPrint() {
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>
</head>
<body>
<p>1</p>
<p>2</p>
<!--startprint--><!--注意要加上html里star和end的这两个标记，之前没加，一直没效果，谁叫咱们菜呢~-->
<h1>打印标题</h1>
<p>打印内容~~</p>
<!--endprint-->
<button type="button" onclick="doPrint()">打印</button>
<p>1</p>
<p>2</p>
</body>
</html>
以上就是本文的全部内容，了解更多JavaScript的语法，大家可以查看：《JavaScript 参考教程》、《JavaScript代码风格指南》，也希望大家多多支持脚本之家。
相关文章
本文主要介绍了canvas绘制环形进度条的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了Blazor实现微信的Tab切换功能,本文中的UI组件使用的是MASA Blazor,您也可以是其他的UI框架，这个并不影响实际的运行效果，本文案例是兼容PC和Android的，演示效果是android中执行的，在PC中执行效果依然有效，需要的朋友可以参考下2023-01-01
这篇文章主要给大家介绍了关于uniapp开发h5项目引入第三方js(sdk)的两种方法,在Uniapp中引入JS文件是一项常见的操作,文中通过代码介绍的非常详细,需要的朋友可以参考下2024-02-02
网页中用了一个js插件，js文件引用的没有错但是运行时ie的调试工具报了一个错，提示对象不支持abigimage属性或方法2014-08-08
本文主要介绍了js异步之async和await实现同步写法，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
package.json俗称依赖配置文件（我自己取的名）,最主要的作用就是管理项目中所用到的依赖,下面这篇文章主要给大家介绍了关于package.json属性的相关资料,需要的朋友可以参考下2022-02-02
这篇文章主要给大家介绍了关于JavaScript练习小项目之修改div块的颜色的相关资料,文中通过举例介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-01-01
在UniApp开发过程中,我们不仅需要掌握各种UI组件的使用方法,还需要了解如何在项目中引入JS文件,在本文中,我将介绍UniApp中如何引入JS的方法,感兴趣的朋友跟随小编一起看看吧2023-09-09
下面小编就为大家了一篇判断JS对象是否拥有某属性的方法推荐。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要为大家详细介绍了js实现前端图片即时预览功能，本地预览功能，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-08-08
最新评论