编程 Javascript

window.print打印指定div实例代码

Posted in Javascript onDecember 13, 2013

首先我们可以把要打印的内容放在div中，然后用下面的代码进行打印。

<html>
<head>
<script language="javascript">
function printdiv(printpage)
{
var headstr = "<html><head><title></title></head><body>";
var footstr = "</body>";
var newstr = document.all.item(printpage).innerHTML;
var oldstr = document.body.innerHTML;
document.body.innerHTML = headstr+newstr+footstr;
window.print(); 
document.body.innerHTML = oldstr;
return false;
}
</script>
<title>div print</title>
</head>
<body>
//HTML Page
//Other content you wouldn't like to print
<input name="b_print" type="button" class="ipt"   onClick="printdiv('div_print');" value=" Print ">
<div id="div_print">
<h1 style="Color:Red">The Div content which you want to print</h1>
</div>
//Other content you wouldn't like to print
//Other content you wouldn't like to print
</body>
</html>

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

如何编写jquery插件

Mar 29 jQuery

Ionic + Angular.js实现验证码倒计时功能的方法

Jun 12 Javascript

Vue 2.0学习笔记之Vue中的computed属性

Oct 16 Javascript

vue项目总结之文件夹结构配置详解

Dec 13 Javascript

jQuery实现点击自身以外区域关闭弹出层功能完整示例【改进版】

Jul 31 jQuery

webpack4 + react 搭建多页面应用示例

Aug 03 Javascript

微信小程序城市选择及搜索功能的方法

Mar 22 Javascript

微信小程序 wepy框架与iview-weapp的用法详解

Apr 10 Javascript

微信小程序使用车牌号输入法的示例代码

Aug 20 Javascript

vue 实现路由跳转时更改页面title

Nov 05 Javascript

15个简单的JS编码标准让你的代码更整洁(小结)

Jul 16 Javascript

Vue实现随机验证码功能

Dec 29 Vue.js

Javascript中call的两种用法实例

Dec 13 #Javascript

分享JavaScript获取网页关闭与取消关闭的事件

Dec 13 #Javascript

js获取触发事件元素在整个网页中的绝对坐标(示例代码)

Dec 13 #Javascript

浅析XMLHttpRequest的缓存问题

Dec 13 #Javascript

xmlhttp缓存清除的2种解决方法

Dec 13 #Javascript

js获取url参数代码实例分享(JS操作URL)

Dec 13 #Javascript

js获取html页面节点方法(递归方式)

Dec 13 #Javascript