鍍金池/ 問答/Linux  HTML/ css 如何打印隱藏的局部html,而且頁面內(nèi)容不變更為要打印的內(nèi)容

css 如何打印隱藏的局部html,而且頁面內(nèi)容不變更為要打印的內(nèi)容

可以使用window.print 打印,但頁面內(nèi)容會變化,但使用插件的打印,只能打印顯示的html,隱藏的打印不了

回答
編輯回答
祈歡

使用loddop插件,他里面有打印html的方法,把你需要打印的html內(nèi)容用拼接字符串的方式賦值,并作為參數(shù)傳入該方法中即可。

2018年3月29日 14:42
編輯回答
逗婦乳

局部打?。▉碓从诰W(wǎng)絡(luò)):

function myPrint() {
    originHtml = window.document.body.innerHTML;
    startStr = "<!--startprint-->";
    endStr = "<!--endprint-->";
    printHtml = originHtml.substr(originHtml.indexOf(startStr) + 17);
    printHtml = printHtml.substring(0, printHtml.indexOf(endStr));
    window.document.body.innerHTML = "<body>" + printHtml + "</body>";
    window.print();           
}
2017年10月5日 15:09
編輯回答
神曲

頁面添加以下樣式:

@media print {
    .print{
        display:block;
    }
}

在需要打印的會被你隱藏起來的元素應(yīng)用此樣式。

媒體查詢@media print里面的樣式只會應(yīng)用于打印,不會應(yīng)用于顯示頁面。

使用window.print可以參考這里

2018年1月16日 00:47
編輯回答
呆萌傻
@media print {
    #something{
        display:block;
    }
}
2018年7月20日 00:44