如何在頁面中新增列印功能

阿新 • • 發佈：2018-11-24

1、首先，需要在頁面引入列印控制元件：

<script language="javascript" src="LodopFuncs.js"></script>

點選前往下載LodopFuncs.js

2、新增一個用於列印的按鈕：

<input class="btn btn-primary" type="button" value="列印" onclick="print();" />

3、新增方法：

        function print() {             //將列印按鈕的單擊新增print事件即可
            CreateOneFormPage();
            LODOP.PREVIEW();
        }

        function CreateOneFormPage(){
            LODOP=getLodop();
            LODOP.PRINT_INIT("列印控制元件");
            //LODOP.SET_PRINT_STYLE("FontSize",14);
            LODOP.SET_PRINT_STYLE("Bold",1);
            //LODOP.ADD_PRINT_TEXT(50,231,260,39,"列印頁面部分內容");

            var strStyleCSS = "<style 
>";          //列印頁面要用的css樣式
            strStyleCSS+=".qrlist{list-style:none;margin:0;}.qrlist>li{width:5cm;height: 3cm;display: inline-block;border:1px solid #777777;}.qrlist>li>table{width: 100%;height: 100%;}.qrlist td{vertical-align: middle;padding:5px;text-align: center;}";
            strStyleCSS 
+="</style>";
            var strFormHtml = strStyleCSS+"<body>"+$(".qrcontent").html()+"</body>";    //需要列印的元素
            console.log(strFormHtml);
            LODOP.ADD_PRINT_HTM(20,50,700,1000, strFormHtml);
        }

如何在頁面中新增列印功能

1、首先，需要在頁面引入列印控制元件： <script language="javascript" src="LodopFuncs.js"></script> 點選前往下載LodopFuncs.js 2、新增一個用於列印的按鈕： <input

jsp頁面中實現列印功能

<boby><div>要列印的內容</div></boby><script>window.onload=function(){v

javaweb頁面中新增驗證碼功能

package cn.itcast.vcode.utils; import java.awt.BasicStroke; import java.awt.Color; import java.awt.Font; import java.awt.Graphics2D; import java.awt.image

在jsp頁面中新增富文字編譯器（ueditor）+ 圖片上傳功能

一次老大讓我把文字的編輯區域加一個富文字編譯器，於是馬上下載了一個kindEditor來試試，但後來老大推薦說百度的ueditor編譯器不錯，於是我便懷著擴充套件知識，又學到一個新東西的心理下載了百度的ueidtor編譯器，整合到專案中感覺確實不錯，今天就和大家分享下這個富文字編譯器的使用…… 下載

在子類中新增新功能,多層繼承

class Animal: def eat(self): print("-----吃-----") def drink(self): print("-----喝-----") class Dog(Animal): def bark(self): print("-----汪汪

odoo11 新增列印功能

1. 在__init__.py新增 from . import report 2. 在模組目錄中新增report目錄及檔案 3. report目錄下的__init__.py需要匯入當前目錄下的py檔案 4. py檔案內容： _name= 'report.' +[

在Word中新增列印水印

在列印一些重要檔案時給文件加上水印，例如“絕密”、“保密”的字樣，可以讓獲得檔案的人都知道該文件的重要性。Word2003具有新增文字和圖片兩種型別水印的功能，水印將顯示在列印文件文字的後面，它是可視的，不會影響文字的顯示效果。 1.新增文字水印製作好文件後，在“格式

在DedeCMS中新增分享功能

歡迎拍磚! 1、獲得分享程式碼。 2、把程式碼新增到footer.htm檔案的尾部模板->預設模板管理：找到footer.htm檔案，點修改：把第1步中得到的程式碼新增到它的尾部： 3、更新檔案後看看效果吧

PHP 自 5.2 到 7.2 中新增的功能詳解

我也加了一些更仔細的修改和新增。截至目前(2014.10), PHP 的最新穩定版本是 PHP5.6, 但有差不多一半的使用者仍在使用已經不在維護 [注] 的 PHP5.2, 其餘的一半使用者在使用 PHP5.3 [注].因為 PHP 那“集百家之長”的蛋疼語法，加上社群氛圍

在js在頁面中新增百度統計程式碼

1. 新版統計程式碼獲取（不想手工新增程式碼？立刻一鍵安裝）此程式碼同時適用於PC端、移動端的頁面，以非同步載入形式進行載入，資料更準確、載入速度更快。請將此程式碼複製並貼上到您要跟蹤的每個網頁中

MyWdatePicker97的使用，頁面中新增時間控制元件（JS的學習筆錄）

場景：最近在做一個日期年份的限制，比如文字框輸入2018年，彈出的my97控制元件限制在2018年，想到用最大值最小值限制，這裡參照的是my97說明文件，把該問題記錄下來以便於以後參考。首先js：function minValue(){ var year=$("#year"

jsp頁面中新增img標籤圖片顯示為一個叉的解決思路

示例的主要程式碼如下圖所示,很簡單就是一個簡單的jsp頁面,大家看程式碼: 上面寫<img src="../img/empimg.jpg">有些瀏覽器什麼也不顯示,比如我用的谷歌,但是用IE它就會顯示一個小黑叉, 顯然跟瀏覽器沒什麼太大的關係,大家如果類似頁面

HTML5 Canvas: 在HTML頁面中新增Canvas

原文: 本文翻譯自Steve Fulton & Jeff Fulton HTML5 Canvas, Chapter 1, “Adding Canvas to the HTML Page”. 在HTML頁面的<body>中，可以用像下面的程式碼來

如何用js在頁面中新增元素

var mask = document.createElement("div");//js新建元素 mask.setAttribute("id", "maskDiv");//給元素加id

makefile / Android.mk中新增列印資訊

我們常常需要在makefile/android.mk檔案中新增列印資訊來顯示某個變數的值，或者用來控制makefile/android.mk的執行過程。makefile/android.mk檔案都遵循gnu make的語法規則，檢視gun make手冊可知，gnu make

微信小程式中內嵌h5頁面，新增撥打電話功能

1.內嵌的h5頁面，head裡面新增meta標籤，需要撥打電話的地方新增a標籤，屬性href=“tel: 135xxxxxxxx” PS：name="format-detection"為格式檢測，te

Oracle12.2中新增的分區功能

功能防止新功能時間如果針對 alt 關鍵字只讀 Oracle 12.2已經發布一段時間，公網上也可以下載試用。針對12.2，partitioning（分區）也有了不少增強。自動列表分區多字段列表分區只讀分區分區維護時允許過濾在線轉換非分區表為分區表帶分區的外部

03 React快速入門（三）——實現從一個輸入框中新增完資料後此輸入框內容清除的功能

功能描述：我們在一個輸入框輸入內容，然後點選新增按鈕，此輸入框的內容就會新增到頁面上，但是此輸入框中還存在上次輸入的內容，我們想在每次輸入新增完成之後，此輸入框中的內容就會清除，如圖：

如何實現在客戶端或瀏覽器頁面中整合一個類似plsqldeveloper一樣的查詢功能?

轉載：https://ask.csdn.net/questions/703108 qq_16127313 https://gitee.com/00fly/effict-side/tree/master/dbtool-springboot 專案運維過程中，受到客戶機房管理

SpringMVC中新增HTML等頁面檢視

編輯Web.xml檔案，新增以下程式碼 <servlet-mapping> <servlet-name>default</servlet-name> <url-pattern>*.html</url-patter

如何在頁面中新增列印功能

相關推薦