使用Jquery打印div内容

2024-04-19

我想使用 jQuery 打印 div 的内容。这个问题已经在 SO 中提出,但我找不到正确的(有效的)答案。

这是我的 HTML:

<div id='printarea'>
    <p>This is a sample text for printing purpose.</p>
    <input type='button' id='btn' value='Print'>
</div>
<p>Do not print.</p>

这里我想打印div的内容printarea.

我试过这个:

$("#btn").click(function () {
    $("#printarea").print();
});

但当单击按钮时,它会出现控制台错误:

未捕获的类型错误:$(...).print 不是函数

但是当我尝试使用打印整个页面时

window.print();

这是工作。但我只想打印特定div的内容。我看到了答案$("#printarea").print();在很多地方,但这不起作用。


一些 jQuery 研究失败了,所以我转向 JavaScript(感谢您的建议Anders https://stackoverflow.com/users/2200659/anders).

而且运作良好...

HTML

<div id='DivIdToPrint'>
    <p>This is a sample text for printing purpose.</p>
</div>
<p>Do not print.</p>
<input type='button' id='btn' value='Print' onclick='printDiv();'>

JavaScript

function printDiv() 
{

  var divToPrint=document.getElementById('DivIdToPrint');

  var newWin=window.open('','Print-Window');

  newWin.document.open();

  newWin.document.write('<html><body onload="window.print()">'+divToPrint.innerHTML+'</body></html>');

  newWin.document.close();

  setTimeout(function(){newWin.close();},10);

}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用Jquery打印div内容 的相关文章

随机推荐

  • 应用程序在 Play 商店中上线后 Android 应用程序链接不起作用

    我已经根据以下链接实现了 Android 应用程序链接 https developer android com studio write app link indexing html https developer android com
  • 嵌套类模板特化

    A class template
  • 流星合并同一集合的光标

    在我的社交应用程序 如 FB 中 我有一个奇怪的需要 将同一集合用户的两个光标合并到一个发布中 Meteor 服务器打印此错误 发布函数为集合用户返回了多个游标 也许这在 Meteor 0 7 2 中无法完成 也许我的方法是错误的 但我发现
  • 如何在Python中获取Linux控制台窗口宽度

    python 有没有办法以编程方式确定控制台的宽度 我的意思是一行中不换行的字符数 而不是窗口的像素宽度 Edit 寻找适用于 Linux 的解决方案 不确定为什么它在模块中shutil 但它在 Python 3 3 中出现了 看 查询输出
  • 如何在 java 类方法或构造函数中插入前提条件?

    这是我正在上的 Java 课程 本书提到了前置条件和后置条件 但没有给出任何如何对其进行编码的示例 它继续讨论断言 我已经把它记下来了 但是我正在做的作业特别指出插入前提条件并用断言测试前提条件 任何帮助都会很棒 像 Eiffel 这样的语
  • 使用独立对齐和附加的 Listview 元素反应本机 Listview 网格布局

    我有一个关于 Listview 元素对齐的问题 这些元素应该以比行样式更盒装的样式显示 在图片中 您可以看到当前状态 这是通过使用 Listview 的 contentContainerStyle prop 中使用的样式表代码生成的 Lis
  • 带有默认参数的 Swift 选择器

    我在这里编写简单的代码 self navigationItem leftBarButtonItem UIBarButtonItem barButtonSystemItem UIBarButtonSystemItem Cancel targe
  • 使用 RabbitMq 锁定和批量获取消息

    我正在尝试以一种更非常规的方式使用 RabbitMq 尽管此时我可以根据需要选择任何其他消息队列实现 消费者不会将 Rabbit 推送消息留给我的消费者 而是连接到一个队列并获取一批 N 条消息 在此期间它会消费一些消息 并可能拒绝一些消息
  • System.DllNotFoundException:> gtk\bin\libgobject-2.0-0.dll

    我已经构建了一个 GUIGithub https github com saigkill PublicanCreators blob master src PublicanCreators Program cs 启动构建的解决方案后 我得到
  • 如何声明 RSpec 中示例之间共享的变量?

    假设我有以下规格 describe Thing do it can read data do data get data from file 42 36 expect data count to eq 2 end it can proces
  • PHP代码没有被执行,但是代码显示在浏览器源代码中

    我正在尝试在项目上执行一些 PHP 代码 使用 Dreamweaver 但代码未运行 当我检查源代码时 PHP代码显示为HTML标签 我可以在源代码中看到它 Apache 运行正常 我正在使用 XAMPP PHP 页面可以正确打开 但 PH
  • 即使其中一项作业失败,如何将 azure devops 管道结果设置为成功

    我正在开发一个 Azure CD YAML 管道 以将 CI 管道的结果部署到虚拟机上 现在 出于本文的目的 稍微简化一下 CD 管道非常简单 由一个包含 3 个作业的阶段组成 第一个作业运行脚本来停止某种复杂的应用程序 这有时会失败 仅当
  • 当我调试和单步执行时,如何阻止 Xcode 显示该汇编语言?

    我未选中 显示反汇编 但经过几步后 它仍然显示 这可能是使用发布配置而不是调试配置编译的代码 在这种情况下 Xcode 将机器指令与源代码行关联起来会更加困难
  • 我可以使用单个 websocket 服务器同时打开 2 个端口吗

    我是 websocket 编程的新手 目前我正在开发一个简单的 websocket 服务器 使用 c 可以响应 websocket 客户端 我设法在单个端口上使用 1 个客户端和 1 个服务器 我想知道是否可以打开 2 个端口 以便不同的客
  • 获取两个字典列表之间的差异(增量)

    我有以下 Python 数据结构 data1 name u String 1 name u String 2 data2 name u String 1 name u String 2 name u String 3 我正在寻找获得两个列表
  • DataGridTemplateColumn 中的 ComboBox 不显示 SelectedItem

    我想制作其中包含 ComboBox 的自定义 DataGrid 列 组合框的 ItemSource 绑定到枚举 组合框的 selecteditem 绑定到集合元素中选定的枚举值 这是代码
  • 保持java套接字打开?

    我正在制作一个会自动更新的程序 游戏 我有更新部分 但没有检查版本 我本以为这会很容易 这就是我所做的 我为游戏编写了一个更新程序 并且编写了一个服务器 每次客户端 更新程序连接时 服务器都会启动一个线程 线程处理一切 游戏更新程序读取一个
  • Symfony 2 功能测试外部 URL

    无论我做什么 我总能得到一个 Symfony Component HttpKernel Exception NotFoundHttpException 否 已找到 的路线 in crawler gt text 当我尝试使用以下命令请求外部
  • 如何向 img 标签添加到期日期?

    我正在使用 Page Speed Firebug 扩展来帮助提高页面性能 我有一个包含大量图像的页面 它提出的建议之一是 利用浏览器缓存 以下可缓存资源的新鲜生命周期较短 指定以下资源至少在未来一周后到期 http www mysite c
  • 使用Jquery打印div内容

    我想使用 jQuery 打印 div 的内容 这个问题已经在 SO 中提出 但我找不到正确的 有效的 答案 这是我的 HTML div p This is a sample text for printing purpose p div