瀏覽器列印 類似快遞拆包多個單號列印

2021-09-11 15:40:22 字數 680 閱讀 2100

原始需求是需要列印運單號(也就是貼在快遞上那個標籤),如果拆分為五份,就需要同時列印五張。生成標籤很容易,重點是找到分頁符。下面會講到,其實就是乙個css樣式(page-break-before:always)。

效果圖如上所示

"container">

"form-horizontal mt-40">

"form-group">

"col-sm-2 control-label">運單號

"col-sm-4">

type="text" class="form-control" id="order" placeholder="請輸入運單號">

"form-group">

"col-sm-2 control-label">件數

"col-sm-4">

type="text" class="form-control" id="count" placeholder="請輸入件數">

"form-group">

"col-sm-offset-2 col-sm-10">

"btn btn-success" id="multiprintlabel">列印

"btn btn-default">取消

"singleexpress">

複製**

瀏覽器列印

2004年12月21日 author longware longware 126.usage note 瀏覽器需求ie6.0 在http頁面上列印必須將ie的安全級別降低.document.writeln document.writeln document.write document.writel...

前端js瀏覽器列印

window.print 是呼叫瀏覽器列印的方法。但預設是列印window當前所在頁的整個頁面,那有沒有辦法,只列印某一塊區域,或者說,只列印某乙個dom元素內的元素呢。function browserprint dom const printdom window.document.geteleme...

JS實現瀏覽器列印 列印預覽

目前正在做瀏覽器端採用js方式實現列印這麼乙個功能,js列印實現的方法很多,但是相容各個瀏覽器實現列印預覽的功能有些棘手,現將實現的內容及遇到的問題記錄下來,希望有大牛看到所提的問題後可以給予解答,在此感謝啦。window.print 會彈出列印對話方塊,列印的是window.document.bo...