<HTML><HEAD><TITLE>javascript打印-打印页面设置-打印预览代码</TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312" />
<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>
<DIV align=center>
<OBJECT id=wb height=0 width=0
classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 name=wb></OBJECT>
<INPUT onclick=javascript:printit() type=button value=打印 name=button_print />
<INPUT onclick=javascript:printsetup(); type=button value=打印页面设置 name=button_setup />
<INPUT onclick=javascript:printpreview(); type=button value=打印预览 name=button_show />
</DIV>
</BODY>
</HTML>
2.特定内容的部分打印技术
1.打印某个frame的内容(frameB)
<html>
<frameset rows="20%,*">
<frame SRC="framea.htm" name="FrameA" noresize>
<frame SRC="frameb.htm" name="FrameB" noresize>
<noframes>
<body>
</body>
</noframes>
</frameset>
</html>
frameA中添加
<input type="button" value="Print the other frame" onclick="parent.frameB.print();">
2.打印某个对象中的内容,如textbox中的内容
frameA:
<html><head>
</head>
<body>
<form name="formB" action="javascript:window.print()">
<input type="text" name="textboxb" size="12" value="Print Me">
</form>
</body></html>
frameB:
<html><head>
<script>
function printotherframe()
{
parent.FrameB.formB.textboxb.focus()
parent.FrameB.formB.submit()
}
</script>
</head><body>
<form name="formA"><input type="button" value="Print the other frame" onclick="printotherframe()">
</body></html>
分享到:
相关推荐
在讨论如何使用JavaScript实现打印页面设置和打印预览之前,我们先来了解一下在Web开发中实现打印功能的基本原理和方法。在浏览器中,打印功能通常涉及到页面元素的打印、页面设置以及预览打印效果。 在Web前端开发...
给定文件的部分代码展示了如何使用JavaScript来捕获特定元素并打印它。其核心思路是: 1. **保存当前页面内容**:首先,通过`var tmp = document.body.innerHTML;`保存当前页面的HTML内容。 2. **替换页面内容**:...
4. 这样,用户就可以只打印页面中的特定部分,而不会受到其他元素的干扰。 在JSP中,可以使用JavaScript或者jQuery来实现上述逻辑。例如,可以将预览和打印的逻辑封装成函数,通过AJAX获取需要打印的数据,然后动态...
在JavaScript中,我们可以使用特定的API来实现对网页部分区域的打印功能。这通常涉及到CSS样式控制和window.print()函数的使用。以下是一些关键知识点的详细解释: 1. **CSS媒体查询**: CSS媒体查询是实现部分...
总的来说,实现Chrome浏览器的打印预览和打印功能,主要涉及JavaScript的`window.print()` API,以及可能需要结合jQuery插件和CSS技术来优化打印效果和处理浏览器兼容性。通过研究提供的资源,开发者可以更好地掌握...
在网页开发中,JavaScript提供了一系列方法来实现页面内容的打印功能,这对于需要用户能够方便地将页面信息打印出来的应用场景尤为重要。本文将深入探讨几种常见的JavaScript打印方法,并通过具体代码示例进行说明。...
在JavaScript中实现对打印页面的定制化设置,如页边距、页眉和页脚的配置,是一项进阶技能,尤其对于需要精确控制打印输出的Web应用而言至关重要。本文将深入探讨如何使用JavaScript来调整打印时的页边距,设置或...
`window.print()`会自动处理页面的打印预览,包括选择打印机、设置页边距等选项。 4. **CSS媒体查询**: 在某些情况下,我们可能希望在打印时隐藏某些元素或应用不同的样式。CSS媒体查询可以帮助我们做到这一点。...
JS实现浏览器打印和打印...以上知识点覆盖了在现代网页中实现打印和打印预览功能所需的前端技术,包括JavaScript内置方法、页面标记、第三方库等。开发者可以根据这些知识点来设计和实现符合自己网站需求的打印功能。
3. **样式控制**:为了在打印时隐藏某些内容,可以使用CSS的`media`属性来指定特定样式只在打印时生效。例如,上面的代码中使用了`.Noprint`类来隐藏不需要打印的元素。 4. **JavaScript与DOM操作**:在实际项目中...
然而,有时我们可能只需要打印网页的一部分,而不是整个页面。在这种情况下,我们可以利用JavaScript来截取和处理HTML代码。 如给定的代码所示,`doPrint(startLine, endLine)` 函数用于定义要打印的起始和结束标记...
之后,这些内容会被写入到一个`iframe`中,以模拟打印预览的效果。这样,当调用`Print`类的实例时,就可以实现对指定元素的打印操作,同时可以避免非打印区域(如`.no-print`类)出现在打印内容中。 ### 方法二:...
在IT行业中,打印预览是一项重要的功能,它允许用户在实际打印之前查看文档或页面的外观,确保格式正确,避免浪费纸张和墨水。在这个示例中,我们将深入探讨打印预览的基本概念、实现原理以及相关的编程技术。 打印...
- 开发者可以根据业务需求对打印控件进行扩展,比如加入对特定内容的隐藏、格式调整、页眉页脚设置等。 - 需要理解CSS媒体查询(Media Queries),以适应不同的打印环境,如区分屏幕显示和打印样式。 - 可能需要...
然而,有时我们可能需要对打印的内容进行定制,例如隐藏某些元素、更改CSS样式或只打印特定部分。这时,我们可以创建一个打印样式表(print stylesheet),通过媒体查询(`@media print`)来定义打印时应用的样式: `...
Web打印和打印预览是网页开发中的重要组成部分,它们允许用户在正式打印前查看文档的打印效果,确保格式正确无误。在这个过程中,开发者通常会利用浏览器提供的API和CSS技术来实现这一功能。下面我们将详细探讨这个...
在JavaScript的世界里,打印功能是不可或缺的一部分,尤其在开发网页应用时。为了满足不同浏览器的兼容性和用户体验,开发者经常需要借助各种打印预览插件。本文将深入探讨如何使用JavaScript来实现跨浏览器的打印...
`window.print()`是JavaScript中的一个内置函数,它会显示浏览器的打印预览,让用户可以选择打印机、纸张大小、页边距等打印设置。一旦用户确认打印,浏览器就会按照这些设置打印当前窗口的内容。 值得注意的是,...