前端列印HTML頁面
情況:列印特定的HTML內容
程式碼:
如果直接呼叫window.print()的話,會將tiltle或者訪問的路徑打印出來,所以要替換(也可以列印特定內容,通過ID獲取,然後拼接為特定的網頁內容)
function toPrint(){ var go = confirm("是否需要列印?"); if(go){ var oldstr = document.body.innerHTML; var headStr = "<html><head><title></title></head><body>"; var footStr = "</body>"; var content = $("#all").html(); var newStr = headStr + content + footStr; document.body.innerHTML = headStr + content + footStr; window.print(); document.body.innerHTML = oldstr; } }
文章參考:
相關推薦
前端列印HTML頁面
情況:列印特定的HTML內容 程式碼: 如果直接呼叫window.print()的話,會將tiltle或者訪問的路徑打印出來,所以要替換(也可以列印特定內容,通過ID獲取,然後拼接為特定的網頁內容) function toPrint(){ var go = confi
純前端,html頁面間傳值方式:
純前端,html頁面間傳值方式: 1、使用window.location的href屬性,等於重新重新整理頁面,必須是get請求,post請求需要服務端解析,post是用來客戶端服務端傳遞資料 window.location.href=”b.html?valus=parm”; 傳值端 window.loca
layui列印html頁面轉成pdf
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8" /> <meta name="viewport"
不使用框架下 python後端向前端返回html頁面(學習筆記1)
不使用框架下 python後端向前端返回html頁面(學習筆記1) python新手學習web伺服器原理的一些坑 本人正在嘗試開發一個倉庫管理系統的專案,為了能夠更深刻地理解後臺伺服器的開發原理,選擇儘量少地使用python現成框架,因此就無法避免各種不期而遇的大坑。現在跟大家一一分
jQuery列印Html頁面主動分頁
用到列印HTML頁面,須要指定區域列印,應用jquery.PrintArea.js 外掛 用法: $("div#printmain").printArea(); 但還是會列印DIV後面的內容,這裡可以應用CSS把握列印分頁 <div style="page-brea
lodop列印html頁面手動分頁
可以在html中使用<tr> <td style="page-break-after:always;"> </td> </tr>在需要分頁的地方加入此語句可實現分頁;ps :js中
jQuery列印Html頁面自動分頁
最近專案中需要用到列印HTML頁面,需要指定區域列印,使用jquery.PrintArea.js 外掛 用法: $("div#printmain").printArea(); 但還是會列印DIV後面的內容,這裡可以使用CSS控制列印分頁 <d
列印Html頁面自動分頁
在想要分頁的地方新增一行程式碼即可 <div style="page-break-after: always;"></div> 新增後用chrome瀏覽器用js程式碼呼叫
《前端技巧》HTML頁面防止input回車造成提交表單
網上的方法又很多種,比如: 1.當type="submit"時,無論有幾個type="text"輸入框,回車均表示提交。(<button>按鈕預設的type為submit)2.當type="button"時,且存在多個輸入框,回車不提交。(button) 但是在實際開
將HTML頁面自動儲存為PDF檔案並上傳的兩種方式(一)-前端(react)方式
一、業務場景 公司的樣本檢測報告以React頁面的形式生成,已調整為A4大小的樣式並已實現分頁,業務上需要將這個網頁生成PDF檔案,並上傳到伺服器,後續會將這個檔案傳送給客戶(這裡不考慮)。 二、原來的實現形式 瀏覽器原生方法:window.print()可以將網頁儲存為PDF檔案,由於檢測報告
關於html頁面展現pdf檔案,並隱藏列印、下載等按鈕的總結
關於html頁面展現pdf檔案,並隱藏列印、下載等按鈕的總結 由於專案需求,要在頁面預覽pdf檔案而不能提供下愛列印功能,故在網上查詢了一些前輩的經驗,自己也嘗試了一番,現在講經驗總結一下。 pdfobject.js jquery.media.js pdf.js
解決SpringBoot前端jsp、html頁面無法載入css、js等檔案的問題
用IDEA編寫前端頁面的時候發現不能載入css和js檔案,執行後效果是這樣的: 程式碼如下: 明明路勁載入對了卻顯示不出來,帶著疑惑在網上查找了許多文件,最後發現是由於SpringBoot機制問題,引用css或js檔案的時候需先將檔案放在static資料夾下
Django自學之 將views.py中的資料傳遞到前端html頁面,並展示
自學Django已經有一週啦,想把自己自學過程中的每一步都記錄下來,給一些零基自學Django的戰友們一些參考;本次主要內容為,用一個例項展現views.py中的資料是如何傳遞到html頁面,並在頁面中展示。我的專案已經建立好,我的app為song03apptest。因為我的
html 頁面實現列印(jqprint)
使用的一些問題: 出現Cannot read property ‘opera’ of undefined錯誤問題是juqery版本相容問題 解決方法:加入遷移輔助外掛jquery-migrate
php 如何將資料庫中的資料以表格的形式列印到html頁面
需要兩個頁面:顯示錶格的html頁面index.html(頁面內包含js),進行後臺處理的php頁面index.phphtml頁面部分:<!doctype html><html><head><meta charset="utf-8"><title>表
通過模板渲染到前端html頁面的字符集列表物件,如何在js中使用?
今天工作中遇到的一個問題,也就是標題中提到的問題。當遇到這樣的問題時,很難精確地在網上搜索到答案。所以,無論你是有意還是無意的看到這篇短部落格,我希望對你有幫助。 前端js程式碼是這樣的: pay_dict_list = '{{ pay_dict_list| toj
js把html頁面列印成png圖片(實測,可用)
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>ceshi</title> <style>
spring boot 使用velocity、freeMarker模板建立html頁面返回給前端
簡單幾步,實現在spring boot中使用velocity或freeMarker模板構造頁面後返回給前端:1、引入依賴和建立templates目錄: Velocity:http://blog.csdn.net/clementad/article/details/51819
前端零基礎入門(四):第一個HTML頁面
前面說到了html,css,js三者之間的關係 接下來我們就來看看html到底長什麼樣子。 隨便開啟一個編輯器,然後在檔案那裡點選新建html檔案,看到的程式碼大多如下: <!DOCTYPE html> <html lang="en"
html 頁面的列印
web頁面的列印 window.print() $('#dayin').click(function(){$('#dayin').css('display','none')$('.classroom').css('display','none')$('.open').c