最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

js實(shí)現(xiàn)局部頁(yè)面打印預(yù)覽原理及示例代碼

 更新時(shí)間:2014年07月03日 09:28:21   投稿:whsnow  
js 如何打印預(yù)覽,實(shí)局部打印頁(yè)面很簡(jiǎn)單。就是把你需要打印的部分做一個(gè)起始標(biāo)記,下面有個(gè)示例大大家不妨參考下

最近有朋友問(wèn)js 如何打印預(yù)覽,今天就來(lái)講解一下,首先了解一下打印原理,其實(shí)局部打印頁(yè)面很簡(jiǎn)單。就是把你需要打印的部分做一個(gè)起始標(biāo)記,至于標(biāo)記如何寫,隨便你寫什么。我這里就寫 <!--startprint--> 需要打印的內(nèi)容

<!--endprint-->. 因?yàn)闃?biāo)記是不需要讓用戶看見的所以加了注釋!具體實(shí)現(xiàn)代碼如下:

<!DOCTYPE html> 
<html> 
<head> 
<title>打印預(yù)覽簡(jiǎn)單實(shí)現(xiàn)</title> 
</head> 
<body> 
<div> 
這是body 里的內(nèi)容不需要打印,具體的頁(yè)面設(shè)計(jì)根據(jù)自己的要求自行設(shè)計(jì)。如果需要一個(gè)頁(yè)面多個(gè)tag,可以動(dòng)態(tài)生成tag 
</div> 
<!--startprint--> 
<div> 
這是我需要打印的內(nèi)容 
</div> 
<!--endprint--> 
<script type="text/javascript"> 
function preview() 
{ 
var bdhtml=window.document.body.innerHTML;//獲取當(dāng)前頁(yè)的html代碼 
var startStr="<!--startprint-->";//設(shè)置打印開始區(qū)域 
var endStr="<!--endprint-->";//設(shè)置打印結(jié)束區(qū)域 
var printHtml=bdhtml.substring(bdhtml.indexOf(startStr)+startStr.length,bdhtml.indexOf(endStr));//從標(biāo)記里獲取需要打印的頁(yè)面 

window.document.body.innerHTML=printHtml;//需要打印的頁(yè)面 
window.print(); 
window.document.body.innerHTML=bdhtml;//還原界面 
} 
preview(); 
</script> 
</body> 
</html>

相關(guān)文章

最新評(píng)論

神木县| 民勤县| 格尔木市| 石台县| 安远县| 台安县| 中超| 钟山县| 会同县| 西乌珠穆沁旗| 大化| 扶沟县| 鸡泽县| 富民县| 嘉鱼县| 迁安市| 玉山县| 芒康县| 建湖县| 松潘县| 绥滨县| 白朗县| 五莲县| 界首市| 洛隆县| 绥滨县| 德兴市| 宜宾市| 哈巴河县| 瑞昌市| 东兴市| 新和县| 鹿泉市| 舒兰市| 松阳县| 莱州市| 电白县| 涿州市| 安新县| 马边| 奎屯市|