html页面实现打印预览功能,javascript 打印、设置、预览的实现代码

本文详细介绍了JavaScript中实现打印、打印设置和打印预览的代码示例,包括使用WebBrowser控件的方法和通过设置页面属性来控制打印效果。还探讨了如何在ASP页面中去除打印时的页眉和页脚,以及如何处理浮动帧和本地特定打印。这些示例涵盖了从基本的打印操作到更复杂的页面布局调整。
摘要由CSDN通过智能技术生成

javascript 打印、打印设置、打印预览的例子。

1、javascript打印-打印页面设置-打印预览

复制代码 代码示例:

javascript打印-打印页面设置-打印预览代码

function printsetup(){

// 打印页面设置

wb.execwb(8,1);

}

function printpreview(){

// 打印页面预览

wb.execwb(7,1);

}

function printit()

{

if (confirm('确定打印吗?')) {

wb.execwb(6,6)

}

}

classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb>

2、javascript打印大全

(1)

复制代码 代码示例:

function SetPrintSettings() {

// -- advanced features

factory.printing.SetMarginMeasure(2) // measure margins in inches

factory.SetPageRange(false, 1, 3) // need pages from 1 to 3

factory.printing.printer = "HP DeskJet 870C"

factory.printing.copies = 2

factory.printing.collate = true

factory.printing.paperSize = "A4"

factory.printing.paperSource = "Manual feed"

// -- basic features

factory.printing.header = "This is MeadCo"

factory.printing.footer = "Advanced Printing by ScriptX"

factory.printing.portrait = false

factory.printing.leftMargin = 1.0

factory.printing.topMargin = 1.0

factory.printing.rightMargin = 1.0

factory.printing.bottomMargin = 1.0

}

(2)

复制代码 代码示例:

function printsetup(){

// 打印页面设置

wb.execwb(8,1);

}

function printpreview(){

// 打印页面预览

wb.execwb(7,1);

}

function printit()

{

if (confirm('确定打印吗?')) {

wb.execwb(6,6)

}

}

此组件的其它用法:

复制代码 代码示例:

WebBrowser.ExecWB(1,1) 打开

Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口

Web.ExecWB(4,1) 保存网页

Web.ExecWB(6,1) 打印

Web.ExecWB(7,1) 打印预览

Web.ExecWB(8,1) 打印页面设置

Web.ExecWB(10,1) 查看页面属性

Web.ExecWB(15,1) 好像是撤销,有待确认

Web.ExecWB(17,1) 全选

Web.ExecWB(22,1) 刷新

Web.ExecWB(45,1) 关闭窗体无提示

2、分页打印

复制代码 代码示例:

P {page-break-after: always}

3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号

(1)ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉,打印就不出来了。

(2)

复制代码 代码示例:

New Document

dim hkey_root,hkey_path,hkey_key

hkey_root="HKEY_CURRENT_USER"

hkey_path="\Software\Microsoft\Internet Explorer\PageSetup"

'//设置网页打印的页眉页脚为空

function pagesetup_null()

on error resume next

Set RegWsh = CreateObject("WScript.Shell")

hkey_key="\header"

RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""

hkey_key="\footer"

RegWsh.RegWrite hkey_root+hkey_path+hkey_key,""

end function

'//设置网页打印的页眉页脚为默认值

function pagesetup_default()

on error resume next

Set RegWsh = CreateObject("WScript.Shell")

hkey_key="\header"

RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&w&b页码,&p/&P"

hkey_key="\footer"

RegWsh.RegWrite hkey_root+hkey_path+hkey_key,"&u&b&d"

end function

4、浮动帧打印

复制代码 代码示例:

function button1_onclick() {

var doc=window.iframe1.document;

var r=odoc.body.createTextRange();

var stxt=r.htmlText;

alert(stxt)

var pwin=window.open("","print");

pwin.document.write(stxt);

pwin.print();

}

4、用FileSystem组件实现WEB应用中的本地特定打印

复制代码 代码示例:

function print_onclick //打印函数

dim label

label=document.printinfo.label.value //获得HTML页面的数据

set bjfs=CreateObject("Scripting.FileSystemObject") //创建FileSystem组件对象的实例

set bjprinter=objfs.CreateTextFile ("LPT1:",true) //建立与打印机的连接

objprinter.Writeline("__________________________________") //输出打印的内容

objprinter.Writeline("| |")

objprinter.Writeline("| 您打印的数据是:"&label& " |”)

objprinter.Writeline("| |")

objprinter.Writeline("|_________________________________|")

objprinter.close //断开与打印机的连接

set bjprinter=nothing

set bjfs=nothing // 关闭FileSystem组件对象

end function

服务器端脚本:

复制代码 代码示例:

set conn=server.CreateObject ("adodb.connection")

conn.Open "DSN=name;UID=XXXX;PWD=XXXX;"

set rs=server.CreateObject("adodb.recordset")

rs.Open(“select ……”),conn,1,1

%> //与数据库进行交互

HTML页面编码:

//调用打印函数

> //保存服务器端传来的数据

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 要实现HTML预览、下载和打印PDF文件,可以使用JavaScript配合一些开源工具和库来实现。 首先,需要选择一个合适的PDF阅读器工具。比较常用的有PDF.js、Viewer.js等。这些工具可以将PDF文件转换成HTML5可渲染的内容。可以在网上找到对应的JavaScript库,并将其引入到HTML页面中。 接下来,需要在HTML页面中创建一个元素来显示PDF文件内容。可以使用`<embed>`元素或者`<iframe>`元素来嵌入PDF内容。同时,需要给该元素指定一个ID,以便后续通过JavaScript来操作。 在JavaScript代码中,可以使用getElementById方法获取到PDF元素。然后,可以使用PDF阅读器工具提供的API,来实现预览、下载和打印功能预览功能可以通过调用工具提供的`viewer`对象的`load`方法,传入PDF文件的URL来实现。下载功能可以通过利用工具提供的`download`方法,传入PDF文件的URL来实现文件下载。打印功能可以使用工具提供的`print`方法,来触发浏览器打印功能实现这些功能时,可以根据需要进行一些附加设置,比如显示页面导航按钮、缩放控制、文档工具栏等。可以通过阅读工具的文档,了解这些设置的具体用法。 最后,可以通过CSS来自定义PDF的外观,比如设置宽高、边框样式等。 综上所述,使用JavaScript结合PDF阅读器工具可以实现HTML中的PDF文件在线预览、下载和打印功能。 ### 回答2: 要在网页中实现PDF文件的在线预览、下载和打印功能,可以使用JavaScript的一些库和技术。 首先,可以使用pdf.js库来在网页中实现PDF文件的预览功能。pdf.js库是一个开源的JavaScript库,可以直接在网页上渲染和显示PDF文件。你需要在网页中引入pdf.js库,并通过JavaScript代码加载和显示PDF文件。这样,用户就可以在网页上直接查看PDF文件的内容。 其次,为了实现下载功能,可以在网页中添加一个下载按钮或链接,并使用JavaScript的FileSaver库来实现文件的下载。FileSaver库允许通过JavaScript代码将文件保存到用户的本地计算机上。当用户点击下载按钮或链接时,可以使用JavaScript代码将当前正在预览的PDF文件保存为一个文件,然后提供给用户进行下载。 最后,要实现打印功能,可以在网页中添加一个打印按钮,并使用JavaScript的print()函数来触发浏览器的打印功能。当用户点击打印按钮时,可以使用JavaScript代码调用print()函数,让浏览器打开打印对话框,并将当前正在预览的PDF文件送到打印打印。 总结起来,要实现在网页中对PDF文件进行在线预览、下载和打印,你可以使用pdf.js库来渲染和显示PDF文件,使用FileSaver库实现下载功能,使用print()函数实现打印功能。通过JavaScript的操作,实现这些功能的同时,提供更好的用户体验和便利性。 ### 回答3: 要实现HTML实现PDF文件的在线预览、下载、打印功能,首先我们需要借助JavaScript来操作PDF文件。 1. 在线预览:可以使用PDF.js库来实现在线预览PDF文件。PDF.js是一个使用JavaScript编写的开源库,可以在浏览器中直接渲染PDF文件。通过引入PDF.js库,我们可以在HTML页面中创建一个容器,然后使用JavaScript代码将PDF文件渲染到这个容器中,用户就可以直接在浏览器中预览PDF文件了。 2. 下载:要实现PDF文件的下载功能,我们可以为用户提供一个下载链接。通过JavaScript代码,监听用户点击下载链接的事件,然后获取PDF文件的URL,再使用浏览器默认的下载功能来下载该PDF文件。在HTML中,我们可以使用`a`标签的`download`属性来指定下载文件的文件名。 3. 打印:要实现PDF文件的打印功能,我们可以使用JavaScript的`print`方法来触发浏览器的打印功能。通过监听用户点击打印按钮的事件,使用JavaScript代码调用`window.print()`方法,即可实现打印当前页面功能。在打印预览页面中,用户可以选择打印的设备、设置页面的布局和大小等。 总结来说,通过使用JavaScript,在HTML实现PDF文件的在线预览、下载、打印功能是可行的。我们可以使用PDF.js库来实现在线预览,为用户提供下载链接来实现下载功能,同时使用JavaScript的`print`方法来触发浏览器的打印功能。这样用户就可以在浏览器中方便地预览、下载和打印PDF文件了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值