js實現局部頁面打印預覽原理及示例代碼

最近有朋友問js 如何打印預覽，今天就來講解一下，首先了解一下打印原理，其實局部打印頁面很簡單。就是把你需要打印的部分做一個起始標記，至于標記如何寫，隨便你寫什么。我這里就寫 需要打印的內容

. 因為標記是不需要讓用戶看見的所以加了注釋！具體實現代碼如下：

打印預覽簡單實現

這是body 里的內容不需要打印，具體的頁面設計根據自己的要求自行設計。如果需要一個頁面多個tag,可以動態生成tag

這是我需要打印的內容

function preview()

{

var bdhtml=window.document.body.innerHTML;//獲取當前頁的html代碼

var startStr="";//設置打印開始區域

var endStr="";//設置打印結束區域

var printHtml=bdhtml.substring(bdhtml.indexOf(startStr)+startStr.length,bdhtml.indexOf(endStr));//從標記里獲取需要打印的頁面

window.document.body.innerHTML=printHtml;//需要打印的頁面

window.print();

window.document.body.innerHTML=bdhtml;//還原界面

}

preview();

相關閱讀:

ASP.NET窗體身份驗證詳解

ASP.NET單選按鈕控件RadioButton常用屬性和方法介紹

Ajax實現頁面自動刷新實例解析

Win7系統打開事件跟蹤功能查找異常關機的方法圖文教程

JavaScript編程中布爾對象的基本使用

使用js實現關閉js彈出層的窗口

Content-type的說明即HTTP請求頭的類型整理

iOS應用開發中運用設計模式中的組合模式的實例解析

MAC使用快捷鍵快速開啟和關閉Safari私密瀏覽模式你懂的

java實現socket客戶端連接服務端

Javascript 命名空間模式

win10正式版分享的文件怎么取消共享？

使用Plupload實現直接上傳附件至七牛云存儲

CSS框架sass的簡單一覽

總結

以上是生活随笔為你收集整理的php怎么实现打印预览,JavaScript_js实现局部页面打印预览原理及示例代码，最近有朋友问js 如何打印预览 - phpStudy...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。