JS實現(xiàn)局部選擇打印和局部不選擇打印
更新時間：2014年04月03日 15:31:08 投稿：whsnow
這篇文章主要介紹了JS選擇打印內容，主要是把自己要打印的東西用一個DIV層抱起來,需要的朋友可以參考下
由于項目的需要在一個頁面中選擇打印內容。
把自己要打印的東西用一個DIV層抱起來。例如：
JS代碼:
注意:在選擇打印的時候樣式會丟失,需要在打印之前加上打印即可。
復制代碼 代碼如下:
$(function(){
$("#print").click(function(){
var html = window.document.body.innerHTML;
exportCSS("itemVrbjForm",html);
});
//導入樣式到選擇打印中
function exportCSS(formName,htmlInfo){
var CSS = "<link href=\""+ baseURL +"/zjxf/common/css/common.css\" type=\"text/css\" rel=\"stylesheet\" /> " +
"<link href=\""+ baseURL +"/zjxf/common/css/table.css\" type=\"text/css\" rel=\"stylesheet\" /> " +
"<link href=\""+ baseURL +"/zjxf/common/css/form.css\" type=\"text/css\" rel=\"stylesheet\" />" +
"<link href=\""+ baseURL +"/zjxf/common/css/tab.css\" type=\"text/css\" rel=\"stylesheet\" />" +
"<link href=\""+ baseURL +"/zjxf/common/css/print.css\" type=\"text/css\" rel=\"stylesheet\" />" ;
$(CSS).appendTo("#" + formName);
window.document.body.innerHTML = $("#" + formName).html();
window.print();
window.document.body.innerHTML = htmlInfo;
}
});
這樣既可以實現(xiàn)局部選擇打印和局部不選擇打印
相關文章
這篇文章主要介紹了JavaScript this使用方法圖解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-02-02
這篇文章主要介紹了JS模擬實現(xiàn)哈希表及應用,結合實例形式分析了javascript模擬實現(xiàn)哈希表的步驟、相關操作技巧與使用方法,需要的朋友可以參考下2018-05-05
面試官常問之說說js中var、let、const的區(qū)別
var、let和const都是JavaScript中用來聲明變量的關鍵字,并且let和 const關鍵字是在 ES6 中才新增的,下面這篇文章主要給大家介紹了關于var、let、const區(qū)別的相關資料,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了詳解Next.js頁面渲染的優(yōu)化方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
如何創(chuàng)建一個類Person？下面小編就為大家?guī)硪黄獎?chuàng)建一個類Person的簡單實例。小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考，一起跟隨小編過來看看吧2016-05-05
three.js是一款webGL框架，由于其易用性被廣泛應用。下面腳本之家小編通過案例給大家闡述three.js的基本配置方法，具體內容詳情大家參考下本文吧2017-09-09
這篇文章主要介紹了js對象繼承之原型鏈繼承,以實例形式分析了原型鏈繼承的實現(xiàn)方法與注意事項,具有一定參考借鑒價值,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了js實現(xiàn)簡單的省市縣三級聯(lián)動效果,以完整實例形式分析了JavaScript實現(xiàn)省市縣三級聯(lián)動效果的具體步驟與相關實現(xiàn)技巧,需要的朋友可以參考下2016-05-05
在本文為大家介紹下把字符串轉化為對象：把文本轉化為對象、把文本轉化為數(shù)組，具體實現(xiàn)如下，感興趣的朋友可以參考下哈，希望對大家有所幫助2013-07-07
這篇文章主要介紹了JavaScript中關于數(shù)組的調用方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-02-02