(function ($) {
|
$.fn.hiwprint = function (options) {
|
var hasLoaded = false;
|
var usedFrame = document.getElementById('hiwprint_iframe');
|
if (usedFrame) usedFrame.parentNode.removeChild(usedFrame);
|
var opt = $.extend({}, $.fn.hiwprint.defaults, options);
|
var $element = this;
|
var $iframe = $('<iframe id="hiwprint_iframe" style="visibility: hidden; height: 0; width: 0; position: absolute;"></iframe>');
|
var css = '';
|
if (opt.importCss) {
|
if (opt.styleHandler) {
|
css += opt.styleHandler()
|
}
|
if ($("link[media=print]").length > 0) {
|
$("link[media=print]").each(function () {
|
if ($(this).attr("href").indexOf('print-lock.css') >= 0) {
|
css += '<link rel="stylesheet" type="text/css" media="print" href="' + $(this).attr("href") + '">';
|
// ↑若加上media="print",仅对浏览器打印时有效 所以查看iframe页面时样式无效
|
css += '<link rel="stylesheet" type="text/css" href="' + $(this).attr("href") + '">';
|
}
|
});
|
}
|
}
|
$iframe[0].srcdoc = '<!DOCTYPE html><html><head><title></title><meta charset="UTF-8">' + css + '</head><body></body></html>';
|
|
$iframe[0].onload = function () {
|
if (hasLoaded) return;
|
hasLoaded = true;
|
var printDocument = $iframe[0].contentWindow || $iframe[0].contentDocument;
|
if (printDocument.document) printDocument = printDocument.document;
|
if (!$iframe.attr('srcdoc')) {
|
printDocument.write('<!DOCTYPE html><html><head><title></title><meta charset="UTF-8">' + css + '</head><body></body></html>');
|
}
|
if (opt.printContainer) {
|
printDocument.body.innerHTML = $element[0].outerHTML;
|
} else {
|
printDocument.body.innerHTML = $element.html();
|
}
|
loadAllImages(printDocument, function () {
|
|
performPrint($iframe[0], opt);
|
});
|
|
};
|
|
$iframe.appendTo("body");
|
|
};
|
|
$.fn.hiwprint.defaults = {
|
importCss: true,
|
printContainer: true,
|
callback: null,
|
styleHandler: null,
|
};
|
|
function performPrint(iframeElement, opt) {
|
try {
|
iframeElement.focus();
|
if (isEdge() || isIE()) {
|
try {
|
iframeElement.contentWindow.document.execCommand('print', false, null);
|
} catch (e) {
|
iframeElement.contentWindow.print();
|
}
|
} else {
|
// Other browsers
|
iframeElement.contentWindow.print();
|
}
|
if (opt.callback) {
|
opt.callback()
|
}
|
} catch (error) {
|
console.log(error);
|
}
|
}
|
|
|
function isIE() {
|
return navigator.userAgent.indexOf('MSIE') !== -1 || !!document.documentMode;
|
}
|
|
// Edge 20+
|
function isEdge() {
|
return !isIE() && !!window.StyleMedia;
|
}
|
|
|
function loadAllImages(printDocument, callback, time) {
|
|
if (time === undefined) {
|
time = 0;
|
}
|
var images = printDocument.getElementsByTagName('img');
|
var allLoaded = true;
|
for (var i = 0; i < images.length; i++) {
|
var image = images[i];
|
if (image.src && image.src !== window.location.href && image.src.indexOf('base64') == -1) {
|
|
if (!image || typeof image.naturalWidth === 'undefined' || image.naturalWidth === 0 || !image.complete) {
|
if (!image.complete) {
|
allLoaded = false;
|
}
|
}
|
}
|
}
|
time++;
|
if (!allLoaded && time < 10) {
|
|
setTimeout(function () {
|
loadAllImages(printDocument, callback, time);
|
}, 500);
|
} else {
|
callback();
|
}
|
}
|
|
|
})(jQuery);
|
