编程 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 相关文章推荐

ExtJS Grid使用SimpleStore、多选框的方法

Nov 20 Javascript

javascript 验证日期的函数

Mar 18 Javascript

借助script进行Http跨域请求:JSONP实现原理及代码

Mar 19 Javascript

Blocksit插件实现瀑布流数据无限( 异步)加载

Jun 20 Javascript

JavaScript操作Cookie详解

Feb 28 Javascript

javascript实现日期按月份加减

May 15 Javascript

JavaScript基本数据类型及值类型和引用类型

Aug 25 Javascript

CSS中position属性之fixed实现div居中

Dec 14 Javascript

基于vue-cli vue-router搭建底部导航栏移动前端项目

Feb 28 Javascript

新年快乐! javascript实现超级炫酷的3D烟花特效

Jan 30 Javascript

websocket4.0+typescript 实现热更新的方法

Aug 14 Javascript

jQuery实现判断滚动条滚动到document底部的方法分析

Aug 27 jQuery

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