利用css和js实现firefox和IE都支持的页面局部打印

2016-01-29 11:46 103 1 收藏

利用css和js实现firefox和IE都支持的页面局部打印,利用css和js实现firefox和IE都支持的页面局部打印

【 tulaoshi.com - Html 】

 介绍两个关键的CSS
<style media="print"
         .Noprint { DISPLAY: none }
         .PageNext{ PAGE-BREAK-AFTER: always }
   </style第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内)
接下来通过调用最基本的js语句
window.print()就可实现页面局部打印了,很easy吧!

来源:http://www.tulaoshi.com/n/20160129/1483307.html

延伸阅读
标签: Web开发
在线编辑器在我们日常的项目开发中非常有用(如新闻系统),它可以方便地实现文章的在线编辑,省掉了FrontPage等工具。那么是怎样实现浏览器在线编辑功能的呢?  首先需要IE的支持,在IE5.5以后就有一个编辑状态. 就是利用这个编辑状态,然后用javascript来控制在线编辑的。       首先要有一个编辑...
标签: Web开发
最近更新网站首页广告,ASP.NET的广告控件很容易实现这点,可首页是静态页面,联想广告控件的原理决定采用javascript+xml实现这点方面配置,更新广告时只要更新xml即可,方便了广告轮换 xml结构如下 ad tupianhttp://edu.itbulo.com/UploadFiles_1485/200610/20061010132448597.jpg/tupian dizhihttp://www.seehaha.com/plan//dizhi ...
标签: Web开发
Tab - 飞飞+PR /*TAB布局*/ #tab * {font-size:12px;} #tab h3 a {display:inline-block;} #tab h3 a {display:block;} #tab {position:relative;} #tab h3,#tab ul,#tab div,#tab li {margin:0;padding:0;list-style-type:none;} #tab ul li {position:absolute;left:0;top:0;float:left;display:block;width:100px;height:30px;f...
标签: Web开发
1、仅 Safari 和 Opera 识别的 Hack @media all and (min-width: 0px) {/* Safari and Opera  rules here *
标签: Web开发
    这篇文章中,我会略述一下 Internet Explorer 和 Firefox 在 JavaScript 语法上不同的几 个方面。     1. CSS “float” 属性     获取给定对象的特定 CSS 属性的基本语法是 object.style 属性,而且有连字符的属性要用骆驼命名法来代替。例如,获取一个 ID 为 “header” 的 div 的 backg...

经验教程

874

收藏

12
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部