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

2016-01-29 11:46 100 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吧！

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

上一篇：初学Javascript之cookie篇(3)
下一篇： AutoCAD三维实例教程：异形三通的画法

看过《利用css和js实现firefox和IE都支持的页面局部打印》的人还看了以下文章更多>>

利用css和js实现firefox和IE都支持的页面局部打印 01-29
支持IE和firefox的js代码美化加亮源码 02-19
IE、Firefox、Opera和Safari对CSS样式important和*的支持 02-19
利用php和js实现页面数据刷新 01-29
CSS IE 和 Firefox 的区别 02-19
CSS在IE和Firefox兼容要点分析 02-19
Js和CSS实现脚注(Footnote)效果 02-19
复制和粘贴的js代码 for IE/FireFox/mozilla/ns 02-19
区分IE6,IE7和firefox的CSS hack 02-19
IE和Firefox浏览器JS的不同点 02-19

IE和FireFox下javascript读写XML实现广告轮换

标签： Web开发

最近更新网站首页广告，ASP.NET的广告控件很容易实现这点，可首页是静态页面，联想广告控件的原理决定采用javascript+xml实现这点方面配置，更新广告时只要更新xml即可，方便了广告轮换 xml结构如下 ad tupianhttp://edu.itbulo.com/UploadFiles_1485/200610/20061010132448597.jpg/tupian dizhihttp://www.seehaha.com/plan//dizhi ...

在线编辑器的实现原理(兼容IE和FireFox)

标签： Web开发

在线编辑器在我们日常的项目开发中非常有用（如新闻系统），它可以方便地实现文章的在线编辑，省掉了FrontPage等工具。那么是怎样实现浏览器在线编辑功能的呢? 首先需要IE的支持,在IE5.5以后就有一个编辑状态. 就是利用这个编辑状态,然后用javascript来控制在线编辑的。首先要有一个编辑...

CSS Hack(Safari、Opera、Firefox3和IE7)

标签： Web开发

1、仅 Safari 和 Opera 识别的 Hack @media all and (min-width: 0px) {/* Safari and Opera rules here *

支持IE和FF的div＋css选项卡

标签： 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...

IE地址栏实现的JS有趣效果和应用

标签： Web开发

这篇分享几个在地址栏实现的Javascript有趣效果和应用。能在浏览器地址栏实现的效果太多了，字体放大、显示所有图片、显示Cookie等等。但这篇文章重点放在有趣上面，当你无聊的时候，不妨玩玩。 1、编辑网页在地址栏输入下面的代码按enter，网页上所有元素都能变成可编辑状态，你可以移动、调整元素大小。如果你只是讨厌某个网站想发泄...

查看更多精彩>>