摘要:以上資料里各種方法的利弊都說得很清楚了,我就不廢話了,直接看吧。代碼不打印的內(nèi)容部分返回要打印的內(nèi)容部分打印代碼獲取當前頁的代碼設(shè)置打印開始區(qū)域結(jié)束區(qū)域要打印的部分生成并打印效果截圖打印取消后,頁面還是第一張圖那樣子的。
想要達到打印整個網(wǎng)站中的部分內(nèi)容且完成打印后原網(wǎng)頁保持不變的效果,搜到以下資料:
window.print打印指定網(wǎng)頁區(qū)域的方法
JavaScript頁面打印(只打印指定部分)
JS打印指定頁面且去樣式后的內(nèi)容,window.print
都能達到打印整個網(wǎng)站中的部分內(nèi)容,但是,打印后,網(wǎng)頁就剩下了打印的內(nèi)容,其他內(nèi)容全部被隱藏了,這不是我想要的,最終找到Javascript Print iframe contents only這個鏈接里的被采納回答的例子,結(jié)合自己的需要,達到了想要的效果。
以上資料里各種方法的利弊都說得很清楚了,我就不廢話了,直接看demo吧。
demohtml代碼:
不打印的內(nèi)容部分//////////////////////
|
//////////////////////要打印的內(nèi)容部分//////////////////////
|
js代碼:
效果截圖
打印取消后,頁面還是第一張圖那樣子的。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/80056.html
摘要:以上資料里各種方法的利弊都說得很清楚了,我就不廢話了,直接看吧。代碼不打印的內(nèi)容部分返回要打印的內(nèi)容部分打印代碼獲取當前頁的代碼設(shè)置打印開始區(qū)域結(jié)束區(qū)域要打印的部分生成并打印效果截圖打印取消后,頁面還是第一張圖那樣子的。 想要達到打印整個網(wǎng)站中的部分內(nèi)容且完成打印后原網(wǎng)頁保持不變的效果,搜到以下資料:window.print打印指定網(wǎng)頁區(qū)域的方法JavaScript頁面打印(只打印指定...
摘要:實現(xiàn)打印的方式方式一會彈出打印對話框,打印的是中的內(nèi)容,下面是從網(wǎng)上摘到的一個局部打印的例子,該例子的不足是打印會修改頁面的內(nèi)容。 目前正在做瀏覽器端采用js方式實現(xiàn)打印這么一個功能,JS打印實現(xiàn)的方法很多,但是兼容各個瀏覽器實現(xiàn)打印預(yù)覽的功能有些棘手,現(xiàn)將實現(xiàn)的內(nèi)容及遇到的問題記錄下來,希望有大牛看到所提的問題后可以給予解答,在此感謝啦。 1.JS實現(xiàn)打印的方式 方式一:window...
摘要:失敗原因有前一個打印事務(wù)沒有完成操作系統(tǒng)沒有添加打印機驅(qū)動等。每個打印事務(wù)至少初始化一次,打印程序首先調(diào)用初始化函數(shù)設(shè)定打印紙張為固定紙張或自適應(yīng)內(nèi)容高,并設(shè)定相關(guān)大小值或紙張名及打印方向 web打印解決方案 1.生成打印模版(網(wǎng)頁),使用window.print()預(yù)覽打印模版,在瀏覽器中打印2.導(dǎo)出網(wǎng)頁為excel文件,詳見網(wǎng)頁導(dǎo)出為excel 3.使用lodop打印控件 第一種方...
摘要:不存在或格式不正確會導(dǎo)致文檔以兼容模式呈現(xiàn)標準模式的排版和運作模式都是以該瀏覽器支持的最高標準運行。如果不能確定時,首選使用自然樣式標簽 HTML 語義化 HTML標簽的語義化是指:通過使用包含語義的標簽(如h1-h6)恰當?shù)乇硎疚臋n結(jié)構(gòu) css命名的語義化是指:為html標簽添加有意義的class 為什么需要語義化: 去掉樣式后頁面呈現(xiàn)清晰的結(jié)構(gòu) 盲人使用讀屏器更好地閱讀 搜...
摘要:難度系數(shù)簡單關(guān)鍵詞實踐處理前截圖處理后截圖實踐小結(jié)第一次接到網(wǎng)頁要提供打印,可能會有些不知所措,我這里只說下遇到表格圖像列表項內(nèi)容在尾部被斷開的問題處理。 難度系數(shù):簡單關(guān)鍵詞:css print 實踐 處理前截圖:showImg(https://segmentfault.com/img/bV9nOe?w=949&h=728);處理后截圖:showImg(https://segment...
閱讀 890·2021-10-27 14:19
閱讀 1114·2021-10-15 09:42
閱讀 1538·2021-09-14 18:02
閱讀 745·2019-08-30 13:09
閱讀 2990·2019-08-29 15:08
閱讀 2093·2019-08-28 18:05
閱讀 958·2019-08-26 10:25
閱讀 2789·2019-08-23 16:28