jquery.printArea改进

深碍√TFBOYSˉ_ 2022-06-12 09:42 257阅读 0赞

百度搜索网页局部打印，很容易找到一个jquery的扩展jquery.printArea，这个扩展代码量很小，不过有一个问题：$(‘\#printHtml’).printArea()，的\#printHtml如果设置了样式，是不管用的，我改进了一下，代码如下：

(function($) { var printAreaCount = 0; $.fn.printArea = function() { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + printAreaCount; var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;'; iframe = document.createElement('IFRAME'); $(iframe).attr({ style: iframeStyle, id: iframeId }); document.body.appendChild(iframe); var doc = iframe.contentWindow.document; $(document).find("link").filter(function() { return $(this).attr("rel").toLowerCase() == "stylesheet"; }).each( function() { // 这里是在将网页中的所有css引入，即打印区域的css如果是link进来的，可以设置在网页的任何位置 doc.write('<link type="text/css" rel="stylesheet" href="' + $(this).attr("href") + '" >'); }); doc.write($(ele).prop('outerHTML')); // 将待打印元素原封不动的引入 doc.close(); var frameWindow = iframe.contentWindow; frameWindow.close(); frameWindow.focus(); // 必须等待frame加载完成后再打印，否则可能在某些浏览器中打印不出东西。 frameWindow.onload = function() { frameWindow.print(); }; } var removePrintArea = function(id) { $("iframe#" + id).remove(); }; })(jQuery);

主要问题在于：
    doc.write($(ele).prop('outerHTML')); 
    jquery将元素本身引入网页，要用到$(selector).prop('outerHTML')，而不必使用：
    doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html()  + '</div>');这种复杂的方法。何况这里只有class被引入，并没考虑到id。

发表评论取消回复

表情：

评论列表（有 0 条评论，257人围观）

还没有评论，来说两句吧...

相关阅读

相关 deepsort代码改进

DeepSORT是一个非常流行的多目标跟踪算法，但是可以通过对其代码进行改进来提高其性能和适应性。以下是一些DeepSORT代码改进的建议： 1. 使用更好的特征提取器：D

怼烎@/ 2024年03月25日 14:29/ 0 赞/ 118 阅读

相关 mysql8锁改进_MySQL 8.0的最新改进

![6cedc206cfda72c289c1b485c09fde24.png][] 一、关于MySQL Server的改进 1.1 redo log 重构在MySQL8

深藏阁楼爱情的钟/ 2023年01月11日 13:27/ 0 赞/ 181 阅读

相关 yolov5改进mark

bifpn [https://github.com/duanzhiihao/myDetection/blob/2f3c4ffd82677b10e1a859ef7c1638d0

女爷i/ 2022年10月19日 08:26/ 0 赞/ 139 阅读

相关改进编程习惯

命名方法的改进命名的基本原则 1、全部采用易懂的英文来命名，可以辅以下划线和数字 2、名称的长度尽量不要超过16个字符，超过16个字符读起来就比较费力。可以缩

古城微笑少年丶/ 2022年08月22日 04:56/ 0 赞/ 217 阅读

相关 javascript 美术馆--改进1

1．实现点击会在本页显示图片的代码分离 window.onload=prepareGallery;//每个事件处理函数只能绑定一条指令 function p

偏执的太偏执、/ 2022年08月20日 15:15/ 0 赞/ 168 阅读

相关 jquery.printArea改进

百度搜索网页局部打印，很容易找到一个jquery的扩展jquery.printArea，这个扩展代码量很小，不过有一个问题：$(‘\printHtml’).printArea(

深碍√TFBOYSˉ_/ 2022年06月12日 09:42/ 0 赞/ 258 阅读

相关导入改进第二版

优点：进行完整的校验，如模板是否正确，格式是否正确，都非常方便，导入是字段和列可以打乱。 controller类要改进的两点：增加提示列不对应时，明确哪

忘是亡心i/ 2022年05月16日 10:57/ 0 赞/ 196 阅读

相关归并排序改进归并

归并排序归并排序的主要思想是：分治（divide-and-conquer）策略，首先是分，先把问题拆分成规模很小的问题；然后是治，将子问题的答案合并成一个更大的小问题的

超、凢脫俗/ 2022年04月17日 05:13/ 0 赞/ 308 阅读

相关自控力改进-20160617

读《自控力》有感 1、长期控制的方法冥想，每天五分钟开始，虽然巧妙曾经敦促过我一周，但第二周过了五一假期就没有坚持下来了，要重新捡起来。 2、短期自控力的提升 a.缓

我就是我/ 2021年09月11日 00:12/ 0 赞/ 296 阅读

相关 Java 9 改进 Javadoc

Java 9 改进 Javadoc,javadoc 工具可以生成 Java 文档， Java 9 的 javadoc 的输出现在符合兼容 HTML5 标准。

灰太狼/ 2020年05月23日 17:42/ 0 赞/ 755 阅读