1. 程式人生 > >網頁端實現一鍵列印功能,H5,熱敏印表機,普通印表機

網頁端實現一鍵列印功能,H5,熱敏印表機,普通印表機

前幾天做專案的時候,遇到一個要求,需要在網頁端連結列印裝置,達到一鍵快速列印的目的!(廢話不多說,上乾貨 0-0)

第一步:http://www.c-lodop.com/download.html

進入下載頁面,推薦下載Lodop 綜合版(內附原始碼頁微笑

第二步:解壓檔案,安裝下面這個檔案




第三步:選擇 PrintSampIndex.html 檔案在瀏覽器中開啟,如下:


找到自己需要使用的例子,頁面的對應資訊都在對應的html檔案中(可自行選擇使用);

至此結束  再見 再見 再見

PS:如果閣下也是性情慵懶之人,那你做 罵人 程式設計師;

just kidding ! 

to do like this !

1:在你的頁面head 部分引入下面這個 標籤!

<script language="javascript" src="http://localhost:8000/CLodopDemos/LodopFuncs.js"></script>

2:下面這句加在頁面body裡面,*所有要列印的東西都在這個 div中*

<div id="content"></div> 

3:頁面中加入這部分js!

<script language="javascript" type="text/javascript"> 
    var LODOP;//宣告為全域性變數 
function prn_print(){
CreateOneFormPage();
LODOP.PRINT();

};
function CreateOneFormPage(){
LODOP=getLodop();
LODOP.SET_PRINT_STYLE("FontSize",12);//列印區域的字型大小
LODOP.SET_PRINT_PAGESIZE(5,560,1250,"");//列印區域的整體尺寸
LODOP.ADD_PRINT_HTM(5,5,500,1350,document.getElementById("content

").innerHTML);
};
</script>

end 再見

就寫這些吧,有問題的可以留下評論!

文章中涉及外掛功能來自lodop 官網,請勿要用於非法,盈利,等其他帶有目的性用途!!!

相關推薦

網頁實現列印功能H5印表機普通印表機

前幾天做專案的時候,遇到一個要求,需要在網頁端連結列印裝置,達到一鍵快速列印的目的!(廢話不多說,上乾貨 0-0) 第一步:http://www.c-lodop.com/download.ht

純JS代碼實現分享功能

在qq空間,新浪微博,人人網等網絡平臺大家經常可以看到一鍵分享功能,那麽基於js代碼是如何實現一鍵分享的呢?下面腳本之家小編給大家介紹js實現一鍵分享功能的代碼,需要的朋友參考下吧 直接上代碼: 核心代碼如下所示: <div style="padding-lef

微信呼叫jssdk在網頁實現呼叫掃java+jsp

轉自:http://blog.csdn.net/u011327333/article/details/50439462 這篇文章以講解的方式,幫助大家來理解微信官方的文件,同時給出呼叫掃一掃的例子。 微信官方技術文件jssdk:http://mp.weixin.qq.

網頁分享功能實現

一鍵分享功能的實現 <span class="share">一鍵分享 <div style="display: none;background:#E9EBEA" class="share_content">

Android轉發圖片多張圖片到微信朋友圈功能實現

效果圖 一鍵轉發按鈕,直接把多張圖片拉起朋友圈,自動填充圖片,或者多張圖片發給好友,文字可以複製過去直接貼上, 實現思路: 1.先把介面請求下來的多張圖片儲存到本地,這裡是用Glide做的本地快取 //快取圖片到本地 for (int i = 0; i < imag

【微信公眾平臺開發】利用百度接口制作導航功能

顯示 12px font -c cati blog ltr vertica 拾取 微信開發中,非常多商家用戶都要求點詳細地址。能在百度或者soso地圖上面顯示自己的地址。 而這種功能。利用百度api接口地圖標點功能就能夠非常easy實現。 1.功能說明例如以下:

使用ruby的fpm模塊實現對二進制MySQL的RPM包制作實現安裝

rpm fpm 隨著互聯網的發展,一些互聯網企業,甚至於傳統企業的服務器也是越來越多。將面臨的挑戰其中之一就是自動化運維管理。假設我們需要自動化部署很多的應用,而這些應用又很復雜,過程多,需要源碼安裝。就算你能夠用自動化來完成這些工作,但配置起來也是相當的麻煩。那麽現在就有一種技術可以將源碼安裝的

利用Clipboard.js在手機實現次復制任意地方粘貼

ref -c 利用 直接 new nbsp cli 成了 on() Clipboard.js為開發者提供了一個集成了實用的API的多功能輕量級JavaScript庫,不依賴Flash。 Clipboard.js官網: https://clipboardjs.com/ Cl

js插件實現復制功能

boa http nbsp 剪貼板 err 需要 下載 目標 nor clipboard.js 可以實現純 JS 的從瀏覽器復制文本到系統剪貼板的功能。 使用方法:   1. 下載 clipboard.js,並在頁面中引入該插件。clipboard.js 下載地址: htt

借助百度OCR實現識別圖片中文字就是這麽酷!

mage src 百度 文字 身份證 公眾 分享圖片 目前 增加 轉眼已是淩晨兩點,還好通過java根據百度提供的OCR接口,實現了一個有趣的小應用:一鍵識別圖片中文字 經過一個小時的反復測試,沒想到識別確實很高,而且,居然還可以識別稍微復雜的驗證碼 比如: 主要為了

將MySQL集成打包成安裝程序實現安裝

pro 技術 admin tex 打包成 原理 mys col start 前言   實現原理:       集成一個已經配置好的MySQL文件夾,然後通過.bat文件配置MySQL的服務。實現免安裝MySQL數據庫   缺陷: 由於是集成一個已經安裝好的MySQL文

實現微信公眾號“關注”功能

由於微信的限制,公眾號關注二維碼只能在一段時間內有效!這樣給開發者帶來了很多不便。在網上找了很多資料,大多方法已經失效,目前如下方法比較實用:1. 大家注意如下的連結,紅色*號為公眾號,只需將*替換為你的公眾號,下連線就可以實現類似一鍵關注功能  https://mp.weixin.qq.com/m

如何實現MetaMask簽名授權後DAPP登入功能

1 摘要 網站太多,各種使用者名稱/密碼實在記不住。所以我們逐漸接受了BAT賬號的授權登入功能。在以太坊DAPP應用中,也可以使用MetaMask實現授權後一鍵登入功能。MetaMask是去中心化錢包,授權資訊不會如BAT中心一樣存在被收集利用的問題。 本文從技術層面講清楚

通過微信python實現查詢天氣+火車票+飛機票+快遞物流!

  前言: 今天我們來進一步地實現更高階點的功能——查天氣+火車+飛機+快遞!!!當,這裡只是把他們集中在一起了,通過微信itchat的自動回覆功能,實現回覆關鍵字,返回自動查詢結果的效果! 學習Python中有不明白推薦加入交流群    

【Android開源專案解析】QQ“下班”功能實現解析——學習Path及貝塞爾曲線的基本使用

早在很久很久以前,QQ就實現了“一鍵下班”功能。何為“一鍵下班”?當你QQ有資訊時,下部會有資訊數量提示紅點,點選拖動之後,就會出現“一鍵下班”效果。本文將結合github上關於此功能的一個簡單實現,介紹這個功能的基本實現思路。 專案地址

HTML網頁列印實現分頁列印功能

<html> <head> <title>頁面列印</title> <!--media=print 這個屬性在列印時有效 有些不想打印出來的分頁列印的都可以應用這類樣式進行控制 在非列印時是無效的(可從列印預覽

實現簡單的撥打電話功能實現撥號例項

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="

來電攔截、來電結束通話通過反射實現結束通話

最近在做這個功能,經過各位資料查詢,得出結論: 系統並沒有提供我們開發者去結束通話電話的介面 於是軟的不行硬的來,通過反射實現功能。 1、首先,在專案src\main資料夾下建立一個aidl資料夾; 2、在aidl建立一個包路徑為com.android.internal.t

科技|全球首款飛行汽車開始量產!下月開始預售2023年後或可實現打“飛車”...

來源: 世界科技創新論壇飛機與汽車結合的產物真的要來了。在2018全球未來出行大會上,吉利副總裁

Android 利用工具實現自動findViewById功能

Android通過findViewById繫結檢視的方法,想必大家在Activity中已經用爛了。每次新建一個Activity類,一開始就需要呼叫findViewById方法給在xml佈局中定義並需要在程式碼中處理的View控制元件新增繫結。如果介面較為複雜,導致View元