第一种方法:指定不打印区域
使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内。
详细如下:
<style media=print type="text/css">
.noprint{visibility:hidden}
</style>
要打印的内容。哈哈!
<p class="noprint">将不打印的代码放在这里。</p>
<a href="javascrīpt:window.print()" target="_self">打印</a>
第二种方法:指定打印区域(这个方法最方便,我的大爱)
把要打印的内容放入一个 span或div,然后通过一个函数打印。
<input type=button id=button_print name=button_print
value="打印本单据" onclick="javascript:printit(‘div1’);">
<span id='div1'>把要打印的内容放这里</span>
<p>所有内容</p>
<input type=button id=button_print name=button_print
value="打印本单据" onclick="javascript:printit(‘div2’);">
<div id="div2">div2的内容</div>
注:套打的时候,forEach循环中方法调用为:div${status.index+1 },层和方法都需要
<script language="javascript">
//提示窗口
function printit(MyDiv)
{
if (confirm('确定打印吗?')) {
//var newstr = document.all.item(myDiv).innerHTML;
var newstr = document.getElementByIdx_x(MyDiv).innerHTML;
//alert(newstr);
var oldstr = document.body.innerHTML;
document.body.innerHTML = newstr;
window.print();
document.body.innerHTML = oldstr;
return false;
}
}
</script>
如果要打印的只是整个页面中的一小部分,就最好采用第二种方法。
第三种方法:如果要打印的页面排版和原web页面相差很大,采用此种方法。
点打印按钮弹出新窗口,把需要打印的内容显示到新窗口中,在新窗口中调用window.print()方法,然后自动关闭新窗口。
1、控制"纵打"、 横打”和“页面的边距。
(1)
<script defer>
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
}
</script>
(2)
<script language="javascript">
function printsetup(){
// 打印页面设置
wb.execwb(8,1);
}
function printpreview(){
// 打印页面预览
wb.execwb(7,1);
}
function printit()
{
if (confirm('确定打印吗?')) {
wb.execwb(6,6)
}
}
</script>
</head>
<body>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>
<input type=button name=button_print value="打印" onclick="javascript:printit()">
<input type=button name=button_setup value="打印页面设置" onclick="javascript:printsetup();">
<input type=button name=button_show value="打印预览" onclick="javascript:printpreview();">
<input type=button name=button_fh value="关闭" onclick="javascript:window.close();">
------------------------------------------------
关于这个组件还有其他的用法,列举如下:
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、分页打印
<HTML>
<HEAD>
<STYLE>
P {page-break-after: always}
</STYLE>
</HEAD>
<BODY>
<%while not rs.eof%>
<P><%=rs(0)%></P>
<%rs.movenext%>
<%wend%>
</BODY>
</HTML>
3、ASP页面打印时如何去掉页面底部的路径和顶端的页码编号
(1)ie的文件-〉页面设置-〉讲里面的页眉和页脚里面的东西都去掉,打印就不出来了。
(2)<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="YC">
<script language="VBScript">
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
</script>
</HEAD>
<BODY>
<br/>
<br/>
<br/>
<br/>
<br/>
<br/><p align=center>
<input type="button" value="清空页码" onclick=pagesetup_null()> <input type="button" value="恢复页吗"
onclick=pagesetup_default()><br/>
</p>
</BODY>
</HTML>
4、浮动帧打印
<SCRIPT LANGUAGE=javascript>
function button1_onclick() {
var odoc=windows.iframe1.document;
var r=odoc.body.createTextRange();
var stxt=r.htmlText;
alert(stxt)
var pwin=window.open("","print");
pwin.document.write(stxt);
pwin.print();
}
</SCRIPT>
5、用FileSystem组件实现WEB应用中的本地特定打印
<script Language=VBScript>
function print_onclick //打印函数
dim label
label=document.printinfo.label.value //获得HTML页面的数据
set objfs=CreateObject("Scripting.FileSystemObject") //创建FileSystem组件对象的实例
set objprinter=objfs.CreateTextFile ("LPT1:",true) //建立与打印机的连接
objprinter.Writeline("__________________________________") //输出打印的内容
objprinter.Writeline("| |")
objprinter.Writeline("| 您打印的数据是:"&label& " |”)
objprinter.Writeline("| |")
objprinter.Writeline("|_________________________________|")
objprinter.close //断开与打印机的连接
set objprinter=nothing
set objfs=nothing // 关闭FileSystem组件对象
end function
</script>
服务器端脚本:
<%………
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页面编码:
<HTML>
………
<FORM ID=printinfo NAME="printinfo" >
<INPUT type="button" value="打印>>" id=print name=print > //调用打印函数
<INPUT type=hidden id=text1 name=label value=<%=………%>> //保存服务器端传来的数据
………
</HTML>
第四种方法:去除页眉页脚
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>PcyearSeo</title>
<head>
<!--关键代码部分-->
<script language="javascript" type="text/javascript">
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
var hkey_root,hkey_path,hkey_key
hkey_root="HKEY_CURRENT_USER"
hkey_path="/Software/Microsoft/Internet Explorer/PageSetup/ "
function pagesetup_null(){
try{
var RegWsh=new ActiveXObject("WScript.Shell")
hkey_key="header"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
hkey_key="footer"
RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"")
}catch(e){}
}
</script>
<!--关键代码部分-->
</HEAD>
<BODY>
<DIV align=center>
<p>
<!--关键代码部分-->
<OBJECT id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0" VIEWASTEXT></OBJECT>
<!--关键代码部分-->
您打印内容开始:
</p>
<p>
<!--startprint-->
<div style="border:1px solid #999999; width:auto;"><img src="2010723115926746.jpg"/></div>
<!--endprint-->
</p>
<p>打印的内容结束</p>
<p class="noprint">
<!--class="noprint"的作用是标示不需要打印的地方,任何一个标签的class属性都可以设置,用于去除不需要打印的地方-->
<INPUT onclick=javascript:doPrint() type=button value=打印 name=button_print />
</p>
</DIV>
</body>
</html>
相关推荐
在JavaScript的世界里,实现“仅打印网页内的文字”这一效果是一项常见的需求,特别是在优化用户体验、减少打印时的无关内容上。这个压缩包文件名为“javascript经典特效---仅打印网页内的文字.rar”,暗示了我们将...
JavaScript 打印机效果库——js-printer是一个开源的小型工具,专为在网页中模拟打字机效果而设计。这个库允许开发者轻松地在网页上实现文本逐字符滚动的效果,给用户带来一种复古而又有趣的交互体验。下面将详细...
通过学习和理解这些内容,开发者可以了解如何在自己的项目中实现JavaScript表格数据导出到Excel,包括如何创建多级表头和多sheet页。这个功能对于数据分析、报表生成以及需要将数据导出为用户友好的格式的任何应用都...
在现代网页设计和应用开发中,经常需要实现打印功能,以便用户可以将网页内容打印出来进行离线查看或归档。JavaScript(简称JS)提供了多种方式来实现网页内容的打印,包括打印整个页面或页面上的特定区域。本知识点...
videojs-contrib-dash插件则为video.js添加了对DASH协议的支持,使得开发者能够轻松地在网页上实现DASH流媒体的播放。 在压缩包"videojs-contrib-dash-master"中,包含了该插件的源代码、示例和文档等资源。开发者...
其次,实现定时爬取网页内容,通常是为了监控数据变化或避免短时间内频繁访问同一网站导致IP被封禁。Python的定时任务可以使用time模块的sleep函数简单实现,但更为灵活的方式是使用APScheduler库。APScheduler提供...
在IT领域,JavaScript(简称JS)是一种广泛使用的前端编程语言,尤其在网页开发中不可或缺。本文将详述“js-calendar-473”这个资源,它是一个JavaScript日历控件,提供了三种不同的样式,旨在为网页添加美观且实用...
总的来说,利用JavaScript实现网页打印涉及到`window.print()`方法、CSS媒体查询和打印相关的CSS属性。通过这些技术,我们可以定制打印内容,隐藏不需要的元素,调整页面布局,并控制分页。为了优化打印体验,还需要...
本文将详细介绍两种使用JS实现网页打印的方法。 1. **截取法** 这种方法通过获取整个页面的HTML内容,然后截取需要打印的部分。首先,定义两个特殊的标记`<!--PrintSt-->`和`<!--PrintEnd-->`,用于标识要打印的...
这个实例“javascript----一个Tab的JS”显然是关于如何使用JavaScript实现网页上的选项卡功能,这对于初学者来说是非常实用的实践项目。选项卡是网页设计中常见的组件,它能有效地组织和展示大量信息,提高用户体验...
这个优化器是基于`uglify-js`实现的,`uglify-js` 是一个广泛使用的JavaScript代码混淆和压缩工具。 `uglify-js` 能够做的事情包括: 1. **压缩代码**:通过删除不必要的空格、换行和注释,将代码紧凑化,减少文件...
5. **简单易用**:只需引入jQuery和PrintArea.js库,然后调用相应的函数,即可快速实现打印功能。 三、使用方法 1. **引入依赖**:首先,在HTML文件中引入jQuery库和PrintArea.js插件,例如: ```html ...
首先,从标题我们可以看出,此项目主要是一个JavaScript实现的日历库,命名为"-js-calendar-master",表明它可能是一个开源项目,且经过了优化和改进,可能包含对农历和节假日的支持,同时允许用户自定义日历的设置...
IMA(Interactive Media Ads)SDK是由Google提供的广告解决方案,它允许开发者在视频内容中集成互动式广告。通过将IMA SDK与video.js结合,我们可以为video.js播放器添加广告支持,从而在提供高质量视频体验的同时,...
在Web开发中,有时我们需要为用户提供打印功能,以便他们可以将网页内容输出到纸质媒介上。JavaScript(简称JS)作为浏览器端的主要脚本语言,提供了这样的能力。本篇将详细介绍如何利用JS的`Window`对象的`print()`...
在网页环境中,实现MPEG-DASH播放器通常依赖于JavaScript库,如Dash.js。以下是对MPEG-DASH网页播放器实现的详细讲解。 1. MPEG-DASH原理: MPEG-DASH将视频内容切割成小段,每个段都有不同的码率,以便在网络带宽...
总结,"pdf.js-gh-pages" 压缩包提供的内容可能是 PDF.js 项目的静态网站版本,便于用户在线预览 PDF 文档。通过理解 PDF.js 的工作原理和使用方法,开发者可以轻松地在自己的 Web 应用中集成 PDF 预览功能,提供...
4. **丰富的API和事件**:video-js提供了丰富的JavaScript API,允许开发者控制视频播放、暂停、音量调节等操作,同时支持多种播放事件,方便开发者实现交互功能。 5. **多格式支持**:除了MP4,video-js还支持WebM...
JS实现浏览器打印和打印...以上知识点覆盖了在现代网页中实现打印和打印预览功能所需的前端技术,包括JavaScript内置方法、页面标记、第三方库等。开发者可以根据这些知识点来设计和实现符合自己网站需求的打印功能。
本文将深入探讨如何使用JavaScript实现这一功能。 首先,我们需要理解JavaScript的基本概念。JavaScript是一种广泛应用于Web开发的脚本语言,它可以直接在浏览器中运行,用于控制页面的行为,比如响应用户的交互,...