• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
新能源汽车行业用户产品设计
新能源汽车行业、面向C端用户的产品设计
博客园    首页    新随笔       管理     

打印预览简单实用代码实例

打印预览简单实用代码实例,一个小小的例子包含以下问题。 打印预览的实现,屏幕和打印时使用不同的样式表,同时套用屏幕用,打印用两个样式。 kw:javscript,打印预览,不同样式表

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>PrintReview</title>
<style type="text/css" media="screen">
<!--
.style1 
{}{color: #FF0000;}
-->
</style>

<style type="text/css" media="print">
<!--
.style1 
{}{color: #0000FF;}

.PrintNone  
{}{ display:none;}
-->
</style>

<script language="javascript" >
function Print(OleCmdID, Prompt) {
    
/**//*
    * OleCmdID values:
    * 1 - Open Window
    * 4 - Save As
    * 6 - Print
    * 7 - Print Preview
    * 8 - Print Set
    * 45- Close Window
    
*/

    
var WebBrowser = "<OBJECT ID='WebBrowser1' style='display:none' WIDTH=0 HEIGHT=0         CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></OBJECT>";
    document.body.insertAdjacentHTML(
"beforeEnd", WebBrowser); 
    WebBrowser1.ExecWB(OleCmdID, Prompt);
    WebBrowser1.outerHTML 
= "";
}


</script>

</head>

<body>
<input name="txtTest" type="text" class="style1 PrintNone"  value="first"/>
<input name="txtTest" type="text" class="style1"  value="second" />
<input type="button" name="btnPrint" value="Print Review" class="PrintNone" onClick="Print(7,1);" />
</body>
</html>
posted @ 2006-09-26 18:55  阿一(杨正祎)  阅读(326)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3