web前端|js教程

js,iframe,打印页面内容

web前端-js教程

1、程序说明

借贷 网站 源码,ubuntu系统挂载分区,tomcat文件夹部署坏处,可爱爬虫玩具,扬州网页设计php培训机构,英文seo兼职lzw

1) 此程序可以实现选择页面中的区域进行打印，以iframe方式进行打印；

2) 与原生态的print() 区别在于，取消打印页面后可以完整保留当前访问页面的内容。

六合网投源码,如何编写vscode,虚拟机中ubuntu开机卡死,tomcat 请求统计,sqlite主机空间支持,微赞源码安装插件教程,现在前端流行那些框架,爬虫采集QQ群邮箱,php redis 队列,seo体系规划,怎么仿照别人网站,网页禁止右键代码,ebay网页免费模板lzw

2、代码部分

1) JS 函数：

源码 分销,华硕如何安装ubuntu,bp爆破tomcat弱口令,pyton爬虫 小说,mamp如何运行php,北京排名seo找行者SEOlzw

function do_print(id_str)//id-str 打印区域的id

{

var el = document.getElementById(id_str);

var iframe = document.createElement(IFRAME);

var doc = null;

iframe.setAttribute(style, position:absolute;width:0px;height:0px;left:-500px;top:-500px;);

document.body.appendChild(iframe);

doc = iframe.contentWindow.document;

// 引入打印的专有CSS样式，根据实际修改

doc.write("");

doc.write(

+ el.innerHTML +

);

doc.close();

iframe.contentWindow.focus();

iframe.contentWindow.print();

if (navigator.userAgent.indexOf("MSIE") > 0)

{

document.body.removeChild(iframe);

}

}

2) HTML：

// 打印区域：

......

// 调用打印

打印

3. 测试

点击页面上的打印按钮，即可测试打印；

除了上面方法我们还可以通过jquery来实例，代码如下

$(document).ready(function(){

$("input#biuuu_button").click(function(){

$("div#myPrintArea").printArea();

});

});

.....文本打印部分.....

如果要实现区域打印我们可尝试下面方法

下面本文分享一种超简单的方法实现页面的打印功能，不仅可以打印整个页面，还可以打印页面某块区域

function printdiv(printpage){

var headstr="";

var footstr="";

var newstr=document.all.item(printpage).innerHTML;

var oldstr=document.body.innerHTML;

document.body.innerHTML=headstr+newstr+footstr;

window.print();

document.body.innerHTML=oldstr;

return false;

}

被打印区域：

这块区域是打印不到的！