前端列印功能

2022-07-21 13:30:15 字數 1251 閱讀 4393

>window呼叫列印介面

title

>

<

style

>

#pr.box

style

>

head

>

<

body

>

<

div

class

="box"

>

<

h1>要列印的內容

h1>

<

p>測試內容

p>

div>

<

div

id="pr"

>點選列印

div>

body

>

html

>

<

script

>

function

$(selector)

//獲取整個頁面$("

#pr"

).onclick

=function()

/*實現列印全部頁面(也可以列印區域性頁面 - 看需求) ----

我是只列印baby裡邊的內容

獲取我們定義的id

*/$(

"#pr

").onclick

=function

()script

>

前端列印功能css print

下面是關於前端列印功能的幾種整理,大家有什麼好的方法,還望提出。先謝謝啦 第一種 jquery有個列印功能的api printarea 不過這個特別要注意乙個就是列印出新空白,檢視原始碼,在原始碼中的doc iframe.contentwindow.document 使用時需要先open加上doc....

關於前端頁面列印功能

專案開發中,都有乙個這樣的需求 當頁面設計好後需要列印出來,如網頁的的列印瀏覽和列印功能,有些公司需要讓前端開發好頁面列印出來或者轉為pdf格式的文件 如何實現?直接上例子 預覽功能可以使用谷歌瀏覽器,ie預覽功能同上,其他好像不支援 直接貼上到頁面 html 中就可以使用 lorem ipsum ...

《前端》列印功能 2023年8月27日

根據div標籤id拿到div中的區域性內容 bdhtml window.document.body.innerhtml var jubudata document.getelementbyid printcontent innerhtml 把獲取的 區域性div內容賦給body標籤,相當於重置了 b...