代码控制网页内容横向打印

最新推荐文章于 2021-05-31 09:47:51 发布

最新推荐文章于 2021-05-31 09:47:51 发布 · 252 阅读

文章标签：

#JavaScript #CSS #HTML #ViewUI

JavaScript 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一种使用JavaScript和HTML结合的方式实现网页打印功能的方法。通过调整页面样式和使用特定的打印控件，可以定制打印效果，例如设置打印方向为横向，并提供打印预览等功能。

<html> 
   <head> 
      <style type="text/css" media="print"> 
		 .Noprint {display: none;} 
      </style> 
      <script type="text/javascript"> 
      function doPrint(){ 
		try{ 
			/*横向打印*/ 
			document.all.factory.printing.portrait = false; 
			/*该打印控件的常用属性 
			factory.printing.header = "This is MeadCo"; 
			factory.printing.footer = "Printing by ScriptX"; 
			factory.printing.portrait = false;//false 横向打印 true纵向打印 
			factory.printing.leftMargin = 1.0; 
			factory.printing.topMargin = 1.0; 
			factory.printing.rightMargin = 1.0; 
			factory.printing.bottomMargin = 1.0; 
			factory.printing.Print(false); //false直接打印 
			factory.printing.PageSetup();//打印设置 
			factory.printing.Preview();//打印预览 
			*/ 
			} catch(e){ 
			} 
			window.print(); 
		} 
		</script> 
   </head> 
    <body>  
		<!--使用smsx.cab控件(ScriptX.cab) -->
		<object id="factory" style="display:none" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" 
		codebase="<%=request.getContextPath()%>/applet/smsx.cab" viewastext></object>  
		<table width="900px" cellpadding="0" cellspacing="0" align="center" class="Noprint"> 
			<tr> 
				<td align="right"><button class="button" onclick="doPrint()">打&nbsp;印</button></td> 
			</tr> 
		</table> 
	</body> 
</html>