JS實現(xiàn)局部選擇打印和局部不選擇打印
更新時間：2014年04月03日 15:31:08 投稿：whsnow
這篇文章主要介紹了JS選擇打印內(nèi)容，主要是把自己要打印的東西用一個DIV層抱起來,需要的朋友可以參考下
由于項目的需要在一個頁面中選擇打印內(nèi)容。
把自己要打印的東西用一個DIV層抱起來。例如：
JS代碼:
注意:在選擇打印的時候樣式會丟失,需要在打印之前加上打印即可。
復(fù)制代碼 代碼如下:
$(function(){
$("#print").click(function(){
var html = window.document.body.innerHTML;
exportCSS("itemVrbjForm",html);
});
//導(dǎo)入樣式到選擇打印中
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)局部選擇打印和局部不選擇打印
相關(guān)文章
用js實現(xiàn)的動畫效果2008-04-04
這篇文章主要為大家詳細(xì)介紹了基于javascript實現(xiàn)最簡單選項卡切換，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-02-02
這篇文章主要介紹了Javascript的call、apply，其作用基本相同，但也有略微的區(qū)別，需要的朋友可以參考下2015-12-12
這篇文章主要介紹了JS創(chuàng)建對象的寫法,結(jié)合實例形式分析了javascript對象的定義、實現(xiàn)方法與使用技巧,需要的朋友可以參考下2016-11-11
javascript+HTML5的canvas實現(xiàn)七夕情人節(jié)3D玫瑰花效果代碼
這篇文章主要介紹了javascript+HTML5的canvas實現(xiàn)七夕情人節(jié)3D玫瑰花效果代碼,使用了html5的canvas技術(shù),可呈現(xiàn)出帶有3D效果的玫瑰花漸顯效果,非常逼真自然,需要的朋友可以參考下2015-08-08
這篇文章主要介紹了使用 UniApp 實現(xiàn)小程序的微信登錄功能，本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
這篇文章主要為大家詳細(xì)介紹了微信小程序日歷和日期選擇插件的使用方法，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-12-12
這篇文章主要介紹了JS實現(xiàn)仿騰訊微博無刷新刪除微博效果代碼,涉及JavaScript實現(xiàn)Ajax無刷新刪除的相關(guān)實現(xiàn)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10
這篇文章主要介紹了JavaScript新增樣式規(guī)則(推薦)的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-07-07
利用BootStrap的Carousel.js實現(xiàn)輪播圖動畫效果
這篇文章主要介紹了利用BootStrap的Carousel.js實現(xiàn)輪播圖動畫效果的相關(guān)資料,需要的朋友可以參考下2016-12-12