jsp頁面列印功能

最後更新：2018-12-05 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

使用lodop列印控制項可以方便的做出強大的功能。

控制項下載：http://mtsoftware.v053.gokao.net/download.html

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head>  <title>print test</title></head><body><object classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0" id="WebBrowser"></object><div id="print"><table border="1" bordercolor="#000000" cellspacing="0" width="300" height="120" align="center"><tr><td>編號</td><td>姓名</td><td>性別</td><td>年齡</td></tr><tr><td>1</td><td>張三</td><td>男</td><td>20</td></tr></table></div><br/><div id="notprint" name="notprint"><input type="button" value="預覽" onclick="pagePreview()"/><input type="button" value="列印" onclick="pagePrint()"/><input type="button" value="版面設定" onclick="pageSetup()"/></div><script type="text/javascript">var WebBrowser = document.getElementById("WebBrowser");function pagePreview(){var display = document.getElementById("notprint").style.display;document.getElementById("notprint").style.display="none";WebBrowser.ExecWB(7,1);document.getElementById("notprint").style.display=display;}function pagePrint(){var display = document.getElementById("notprint").style.display;document.getElementById("notprint").style.display="none";WebBrowser.ExecWB(6,1);document.getElementById("notprint").style.display=display;}function pageSetup(){WebBrowser.ExecWB(8,1);}</script></body></html>

media屬性

HTML<link> 標籤的 media 屬性

HTML <link> 標籤

定義和用法

media 屬性規定被連結文檔將顯示在什麼裝置上。

media 屬性用於為不同的媒介類型規定不同的樣式。

執行個體

兩種不同的樣式表，針對兩種不同的媒介類型（電腦螢幕和列印）：

<head><link rel="stylesheet"type="text/css" href="theme.css" /><link rel="stylesheet"type="text/css" href="print.css"media="print"/></head>

HTML<style> 標籤的 media 屬性

HTML <style> 標籤

定義和用法

media 屬性用於為不同的媒介類型規定不同的樣式。

提示：如需在一個 style 元素中定義一個以上的媒介類型，請使用逗號分隔的列表（例如：<style type="text/css"media="screen,projection">）。

執行個體

針對兩種不同媒介類型的兩種不同的樣式（電腦螢幕和列印）：

<html><head><style type="text/css">h1 {color:#FF0000;}p {color:#0000FF;}body {background-color:#FFEFD6;}</style><style type="text/css" media="print">h1 {color:#000000;}p {color:#000000;}body {background-color:#FFFFFF;}</style></head><body><h1>Header 1</h1><p>A paragraph.</p></body></html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More