jquery - 如何使用 jQuery 打印页面的一部分?

标签 jquery jquery-plugins

我只想打印页面的某些部分。我的示例代码如下:

<%@ page contentType="text/html;charset=ISO-8859-1" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"/>
        <title>Insert title here</title>    
    </head>
    <body>
        <div class="body">
            Blah... blah... 
        </div>
        <div class="printable">
           contents goes here...
        </div>
    </body>
</html>

我需要打印<div class="printable"></div>的内容。使用 jQuery 可以做到这一点吗?我应该写这个解决方案,还是有一个插件可以帮助解决这个问题?

最佳答案

添加到 HTML 头部:

<link rel="stylesheet" type="text/css" media="print" href="print.css" />

打印.css

body * { display: none; }
.printable { display: block; }

Javascript

window.print();

关于jquery - 如何使用 jQuery 打印页面的一部分?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7440976/

相关文章:

jquery - Modernizr/yepnope 执行顺序 WRT jQuery + 插件故障排除

javascript - 为移动站点 Jquery 和 CSS 创建 Accordion 菜单

javascript - 如何使用点击方法在元素内部添加点击方法?

jQuery UI Datepicker Inline - 单击提交表单

php - 重新加载时打开可扩展的 jQuery 内容

Rails 3 推荐的 jQuery 可排序表插件

javascript - jQuery(..).load(..) 不工作

javascript - 如何根据 jQuery 中的滚动位置将 addClass() 添加到两个不同导航的事件链接?

javascript - anchor URL 访问时突出显示 anchor ID

javascript - 点击按钮后 jquery 谷歌地图不会重新加载