window.print打印指定div實例代碼
更新時間：2013年12月13日 15:23:38 作者：
window.print可以打印網(wǎng)頁，但有時候我們只希望打印特定控件或內(nèi)容，怎么辦呢，請看下面的例子
首先我們可以把要打印的內(nèi)容放在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>
相關文章
使用js的朋友對其中for in的并不陌生吧，下面用示例為大家介紹下其具體使用方法2013-12-12
js中定義函數(shù)的方式有多種，函數(shù)直接量就是其中一種。如var fun = function(){},這里function如果不賦值給fun那么它就是一個匿名函數(shù)。2009-06-06
SeaJS是一個遵循CommonJS規(guī)范的JavaScript模塊加載框架，可以實現(xiàn)JavaScript的模塊化開發(fā)及加載機制,本文給大家介紹JavaScript模塊化開發(fā)之SeaJS，需要的朋友參考下2015-12-12
最近在公司寫H5的3D游戲,選擇了ThreeJS去做,做的過程中遇到了很多問題,下面這篇文章主要給大家介紹了關于如何利用Three.js實現(xiàn)跳一跳小游戲的相關資料,需要的朋友可以參考下2022-04-04
本篇文章主要介紹了詳解webpack分包及異步加載套路，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
javascript中的this應用非常廣泛，對js中this總是似是而非的感覺，今天小編豁然開朗，然后再次給大家談論js中的this關鍵，感興趣的朋友跟著小編一起看看吧2016-06-06
全面解析JavaScript中的valueOf與toString方法(推薦)
本文給大家介紹JavaScript中的valueOf與toString方法，valueOf() 方法可返回 Boolean 對象的原始值，toString() 方法可把一個邏輯值轉(zhuǎn)換為字符串，并返回結(jié)果。對js中valueof和tostring相關知識感興趣的朋友一起學習吧2016-06-06
這篇文章主要為大家詳細介紹了小程序?qū)崿F(xiàn)篩子抽獎，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要為大家詳細介紹了如何利用Cesium實現(xiàn)衛(wèi)星在軌繞行動畫，文中的示例代碼講解詳細，對我們了解Cesium有一定的幫助，感興趣的可以嘗試一下2022-06-06
很早之前就想分享這篇心得，幸之今天能在這里完成，好了，話不多說，進入正題。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10