`
yangyiqian
  • 浏览: 117327 次
  • 来自: ...
社区版块
存档分类
最新评论

用css和js实现firefox和IE支持局部打印

阅读更多
http://down.chinazhan.net/article/13/43/ChinaZhan_13656.html


介绍两个关键的CSS
<style media="print">
         .Noprint { DISPLAY: none }
         .PageNext{ PAGE-BREAK-AFTER: always }
   </style>第一个在不需要打印的标签上添加(子标签也将不被打印),第二个在需要换行的标签处添加(该标签所表示的内容将在当前打印的一页内)

接下来通过调用最基本的js语句
window.print()就可实现页面局部打印了,很easy吧!
分享到:
评论

相关推荐

    JS实现浏览器打印、打印预览示例

    不过,这种方法在不同的浏览器中表现不一致,比如Chrome会弹出带有预览功能的打印对话框,而IE和Firefox仅弹出设置对话框,并不支持预览。 5. jQuery插件的利用:对于使用jQuery的项目来说,有专门的打印插件如...

    chrome浏览器实现打印预览打印功能.zip

    此外,针对不同的浏览器兼容性问题,例如IE、Firefox和Google Chrome等,开发者可能需要编写特定的JavaScript代码来处理。`js 打印DIV内容 print div 兼容IE FF Google等主流浏览器 -打印指定区域内容.url`这个链接...

    批量打印之jquery局部打印

    确保插件在各种浏览器和操作系统上都能正常工作,包括最新的Chrome、Firefox、Safari、Edge以及IE。测试在不同设备上的打印效果,确保布局和样式的一致性。 总的来说,“批量打印之jQuery局部打印”是一个实用的...

    jQuery打印插件PrintArea

    PrintArea提供了多种调用方式,包括直接调用方法和使用CSS类来指定打印区域。 #### 2.1 直接调用方法 在JavaScript中,可以使用`$.printArea()`方法来指定打印的DOM元素。例如,如果你希望打印id为"content"的div...

    JS产品图片局部放大效果,鼠标移到产品图片上可局部放大,点击图片可浏览完整产品大图,鼠标移动到左侧箭头可上下滚动缩略图

    例如,CSS3的某些属性在老版本IE中可能不支持,此时可能需要使用jQuery或其他JavaScript库来实现类似效果。 在实际编码过程中,可以使用模块化和组件化的思想,将此功能封装成一个可复用的JS组件。这样,在不同的...

    Iframe高度自适应(兼容IE/Firefox、同域/跨域)

    "Iframe高度自适应(兼容IE/Firefox、同域/跨域)"这一主题是关于如何让内嵌在Iframe中的页面能够根据其内容动态调整自身的高度,确保在不同浏览器(如IE和Firefox)以及处理同域和跨域情况时都能正常显示。...

    JavaScript css浏览器的调试

    安装完成后需重启 Firefox。 - 检查更新:打开“Tools”菜单 -&gt; “Add-ons”,点击左下角的“Find Updates”按钮。 ##### 2.2 打开和关闭Firebug - **打开Firebug** - 按 F12 或点击浏览器状态栏右边的绿色标志...

    Javascript改变CSS样式(局部和全局)

    本文将深入探讨如何使用JavaScript来改变CSS样式,包括局部和全局两种方式。 ### 局部改变样式 #### 1. 直接改变样式 通过`style`属性,我们可以直接访问到DOM元素的样式,并对其进行修改。例如,如果我们有一个...

    局部放大JS特效代码

    7. **兼容性处理**:由于不同的浏览器可能有不同的渲染机制,因此需要确保代码在火狐(Firefox)和IE(Internet Explorer)等主要浏览器上都能正常工作。这可能涉及到对某些CSS属性或JS方法的浏览器特定适配。 在...

    像163网站顶部展出的大幅广告(IE和FF)

    考虑到兼容IE和Firefox,需要特别注意这两者对某些JavaScript特性和API的支持差异。例如,老版本的IE不支持ES6的新特性,而Firefox可能已经完全支持。在这种情况下,可能需要使用polyfills(补丁库)或条件语句来...

    实现图片局部放大显示效果的超强jQuery插件cloud-zoom

    5. **兼容性处理**:虽然Cloud-Zoom在webkit内核的浏览器中表现优秀,但为了确保在其他浏览器(如Firefox、IE)中也能正常工作,插件会进行一些兼容性调整。例如,它可能需要使用jQuery的动画函数来模拟CSS3的过渡...

    JQUERY 打印控件

    该工具兼容包括IE、FireFox、Opera、Chrome在内的多种主流浏览器,确保了广泛的用户覆盖。 要理解这个打印控件的工作原理,首先要了解HTML5中的`&lt;iframe&gt;`元素。在实现局部打印时,通常会创建一个隐藏的`iframe`,...

    IE下的JAVASCRIPT调试

    由于IE的市场占有率逐渐下降,现代开发者可能更倾向于使用Chrome或Firefox等浏览器的内置开发者工具,但了解IE的调试技巧仍然非常实用。 描述中提到的链接指向了一篇博客文章,可惜在这里无法直接访问。不过,我们...

    ajaxAnyWhere局部刷新框架

    2. **兼容性**:框架经过优化,支持多种主流浏览器,如Chrome、Firefox、Safari、IE等,确保在不同环境下稳定运行。 3. **性能优化**:AjaxAnyWhere采用了缓存机制,减少不必要的请求,提高页面加载速度。 4. **丰富...

    css(层叠样式表)规范文档

    通常的顺序是先针对 Firefox,然后 IE7,最后 IE6。例如: ```css test: 791px !important; /* FF Hack */ test: 785px !important; /* IE7 Hack */ test: 777px; /* IE7 以下 */ ``` #### 六、其他书写注意事项 *...

    TJPzoom 一款纯JS图片局部放大镜类库代码

    8. **兼容性测试**:由于JavaScript环境和浏览器的差异,TJPzoom必须经过广泛的兼容性测试,确保在主流浏览器如Chrome、Firefox、Safari、Edge以及旧版IE中都能正常运行。 文件名"jb51.net"可能是发布这个类库的...

    一个很酷的拖动层的js类,兼容IE及Firefox

    在给定的标题和描述中提到的"一个很酷的拖动层的js类,兼容IE及Firefox",指的是一个经过优化的JavaScript拖动功能实现,该实现具有兼容性,不仅能在现代浏览器如Firefox上运行,还支持老旧的Internet Explorer(IE...

    js窗口拖动效果

    4. **兼容性处理**:由于不同的浏览器可能对某些API或事件处理有不同的实现,因此需要确保代码兼容IE7及以上版本,以及Firefox和Chrome等现代浏览器。例如,IE7及以下版本不支持`addEventListener`,所以可能需要...

    凡客商品图片放大镜效果

    CSS3的`transform`和`transition`属性在老版本IE中不支持,可能需要使用滤镜(filter)或者JavaScript来实现类似效果。对于其他现代浏览器,可以充分利用其对CSS3的原生支持,优化性能和视觉效果。 在实际项目中,...

Global site tag (gtag.js) - Google Analytics