javascript打印html内容功能的方法示例

 更新时间:2013年11月28日 10:44:39   作者:  
这篇文章主要介绍了javascript打印html内容的小示例,大家参考使用

复制代码 代码如下:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">

<head>   

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

</head>

<body>

<div id="divPrint">

<table>

<tr><td>我的打印的内容</td></tr>

</table>

</div>

 <p>所有内容</p>

<a href="javascript:printme()" target="_self">打印</a>

</body>

<script>   

var global_Html = "";   

function printme() {

        global_Html = document.body.innerHTML;       

      document.body.innerHTML = document.getElementById('divPrint').innerHTML;                            

       window.print();

        window.setTimeout(function () {

            document.body.innerHTML = global_Html;       

}, 1500);   

}

</script>

</html>

相关文章

  • 15个用于开发的TypeScript高级技巧分享

    15个用于开发的TypeScript高级技巧分享

    这篇文章主要来和大家分享一下15个用于开发的TypeScript高级技巧,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以了解一下
    2023-07-07
  • JavaScript实现打砖块游戏

    JavaScript实现打砖块游戏

    这篇文章主要为大家详细介绍了JavaScript实现打砖块游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-02-02
  • jquery div模态窗口的简单实例

    jquery div模态窗口的简单实例

    下面小编就为大家带来一篇jquery div模态窗口的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-05-05
  • js实现商城星星评分的效果

    js实现商城星星评分的效果

    这篇文章主要介绍了js实现商城星星评分的效果,很多网站都有如下图这样的星星打分效果,今天就看下用js怎么实现打分效果,需要的朋友可以参考下
    2015-12-12
  • 深入浅出ES6之let和const命令

    深入浅出ES6之let和const命令

    这篇文章主要介绍了ES6中let和const命令的相关资料,非常不错,具有参考借鉴价值,对es6 let const相关知识感兴趣的朋友一起看下吧
    2016-08-08
  • js前端加载超大图片(100M以上)实现秒开的最佳解决方案

    js前端加载超大图片(100M以上)实现秒开的最佳解决方案

    前端加载超大图片时,一般可以采取图片压缩,图片分割,预加载等措施,而对于几百M或上G的大图而言,不管对图片进行怎么优化或加速处理,要实现秒开也是不太可能的事情,所以本文小编将给大家介绍如何对大图进行分割,在前端进行拼接实现秒开,需要的朋友可以参考下
    2023-10-10
  • js控制div层的叠加简单方法

    js控制div层的叠加简单方法

    下面小编就为大家带来一篇js控制div层的叠加简单方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-10-10
  • 手机端实现Bootstrap简单图片轮播效果

    手机端实现Bootstrap简单图片轮播效果

    这篇文章主要为大家详细介绍了基于Bootstrap的简单轮播图的手机实现,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • JS中Symbol类型的介绍与基本用法

    JS中Symbol类型的介绍与基本用法

    Symbol是一种特殊的、不可变的数据类型,可以作为对象属性的标识符使用,表示独一无二的值,这篇文章主要给大家介绍了关于JS中Symbol类型的介绍与基本用法的相关资料,需要的朋友可以参考下
    2024-04-04
  • CSS、JS文件无法正确加载至页面问题与解决办法分享

    CSS、JS文件无法正确加载至页面问题与解决办法分享

    这篇文章主要给大家介绍了关于CSS、JS文件无法正确加载至页面问题与解决办法,文中通过图文以及代码介绍的非常详细,对大家的学习或者工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2024-01-01

最新评论