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