发文章
发文工具
撰写
网文摘手
文档
视频
思维导图
随笔
相册
原创同步助手
其他工具
图片转文字
文件清理
AI助手
留言交流
实现javascript打印功能,打印整个页面就很简单,但如果指定打印某一个区域就有点难点,这里有一个jQuery插件PrintArea可实现打印页面某区域功能。
使用说明需要使用jQuery库文件和PrintArea库文件
使用方法一,包含文件部分
二,html部分
三,javascript部分
jQuery插件PrintArea完整方法如下:
(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(){ doc.write('<link type="text/css" rel="stylesheet" href="' + $(this).attr("href") + '" >'); }); doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html() + '</div>'); doc.close(); var frameWindow = iframe.contentWindow; frameWindow.close(); frameWindow.focus(); frameWindow.print(); } var removePrintArea = function(id) { $( "iframe#" + id ).remove(); }; })(jQuery);
来自: 昵称10504424 > 《工作》
0条评论
发表
请遵守用户 评论公约
iframe子页面操作父页面
//获取父页面的参数值 window.parent.frames["mainFrame"].getPageInfo();//父页面的方法 var divValue = window.parent.$("#test").text(); (jQuery); /...
easyui换主题,并记录在cookie
<script type="text/javascript" charset="UTF-8" src="jslib/jquery-easyui-1.2.5/jquery-1.7.1.min.js"></script><script type="text/javascript...
无网不剩
</script></head><body><input type="text" name="it"> <button id="btn"&g...
tab注释
///切换tabfunction SwitchIframe(iFrameTab) { var tabId = jQuery(iFrameTab).attr("id").replace("iFrameTab", ""); //鼠标点击的tab的id if (currentFrameTa...
文件上传的渐进式增强
<form id="upload-form" action="upload.php" method="post" enctype="multipart/form-data" >var iframe = $(''<iframe id="'...
jQuery 图片切换,带标题和说明文字
$(playText).html($(playConcent + ":first").find("img").attr("alt"));$(playNum).click(function() {...
jQuery截取指定长度字符串
frame 高度设置、iframe 自适应高度方法总结
谓iframe自适应高度,就是,基于界面美观和交互的考虑,隐藏了iframe的border和scrollbar,让人看不出它是个iframe。
2014年最新前端开发面试题(面霸题库)
接着,再次使用“+”将IE8和IE7、IE6分离开来,这样IE8已经独立识别。* 是IE8/IE7/IE6支持通过document.createElement方法产生的标签, 可以利用这一特性让这些浏览器支持HTML5新标签, 浏览器支持新标...
微信扫码,在手机上查看选中内容