javascript:window.print() 打印--(转载)

0 篇文章 0 订阅

1.JavaScript打印
<input id="btnPrint" type="button" value="button" οnclick="javascript:window.print();" style="color:#00f; font-weight:bold; text-decoration:none;cursor:pointer!important; cursor:hand"/>
可以用样式控制,你想让那块打印就打印,样式如下:
<style type="text/css" media=print>
.noprint{display : none }
</style>
然后使用样式就可以:
<p class="noprint">不需要打印的地方</p>

如果要打印网页中的某一部分,只要把这一部分标记为 
<!--startprint--><!---endprint-->中就可以了 
=============================================================
2.IE打印
<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" 
<link rel=alternate media=print    href="printversion.doc">    height=0 id=wb name=wb width=0></OBJECT>
      <input type=button name=button_print value="打印"        οnclick="javascript:printit()">
      <input type=button name=button_setup value="打印页面设置"         οnclick="javascript:printsetup();">
      <input type=button name=button_show value="打印预览"  οnclick="javascript:printpreview();">
      <input type=button name=button_fh value="关闭"       οnclick="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) 关闭窗体无提示


http://blog.csdn.net/wang_peng/article/details/4470015

JavaScript中使用`window.print()`方法打印网页内容时,如果需要配置页码,通常是在HTML文档结构里通过CSS来添加页眉和页脚,并手动处理页码显示。但是,`window.print()`本身并不直接支持设置每一页的独立页码。 你可以采取以下步骤: 1. **HTML布局**: - 使用`<footer>`或`<header>`标签添加页眉或页脚区域,例如: ```html <div id="footer"> <span>第<span class="page-number">1</span>页</span> </div> ``` 2. **CSS样式**: - 配置页眉和页脚的样式,包括字体、位置等。比如: ```css #footer { position: fixed; bottom: 0; width: 100%; text-align: center; } .page-number { font-size: 14px; color: #999; } ``` 3. **JavaScript动态更新页码**: - 当页面加载完成后,或者每翻一页时,通过JavaScript获取当前页数并替换`.page-number`的内容。例如: ```javascript function updatePageNumber(totalPages) { varpageNumber = document.querySelector('.page-number'); pageNumber.textContent = '第' + (document.location.hash ? parseInt(document.location.hash.slice(1)) : 1) + '页 / ' + totalPages; } // 初始化页码 updatePageNumber(5); // 假设总共有5页 // 监听滚动事件更新页码 window.addEventListener('scroll', function() { if (!window.pageYOffset || window.pageYOffset == 0) return; // 判断是否已滚动到底部 if (window.innerHeight + window.pageYOffset >= document.body.offsetHeight) { // 如果已到文档底部 updatePageNumber(5); // 更新页码 } }); ``` 请注意,以上方法更多地依赖于用户的浏览器对`window.scrollY`等属性的支持,对于某些老版浏览器可能需要进行兼容性处理。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值