简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Heim > Web-Frontend > js-Tutorial > Hauptteil

javascript 打印内容方法小结_javascript技巧

WBOY
Freigeben： 2016-05-16 18:42:19
Original
1209 Leute haben es durchsucht

一般打印就用window.print();就OK了
但是一般都是选择性打印所以会调用方法：

复制代码 代码如下:

function preview()
{
bdhtml=window.document.body.innerHTML;
sprnstr="";
eprnstr="";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}

问题又来了~
会有页脚和页眉~还有横向和纵向之分~
怎么办？
最好就是用到打印预览~
因为它里面有设置
这时必须引用IE的一个控件"WebBrowser"
在页面里引用：


其控件方法：
复制代码 代码如下:

WebBrowser.ExecWB(1,1) 打开
WebBrowser.ExecWB(2,1) 关闭现在所有的IE窗口，并打开一个新窗口
WebBrowser.ExecWB(4,1) 保存网页
WebBrowser.ExecWB(6,1) 打印
WebBrowser.ExecWB(7,1) 打印预览
WebBrowser.ExecWB(8,1) 打印页面设置
WebBrowser.ExecWB(10,1) 查看页面属性
WebBrowser.ExecWB(15,1) 好像是撤销，有待确认
WebBrowser.ExecWB(17,1) 全选
WebBrowser.ExecWB(22,1) 刷新
WebBrowser.ExecWB(45,1) 关闭窗体无提示

示例:

打印测试

随便用个文本文件复制粘贴~改后缀名~
ie运行~点预览~设置打印~打印~OK
然后再把其考到项目里~比如aspx里
同样运行，点预览~
咦~怎么出现ie安全警告"internet explorer"已阻止此站点用不安全方式使用ActiveX控件"
这时就要改ie的安全设置了(如果没装补丁就没事~那是你"rp"好，不一定客户和其他的人的"rp"和你一样好)
操作：
主菜单"工具"——Internet选项——安全——自定义级别， 将"安全设置"中"对没有标记为安全的ActiveX"控件进行初始化和脚本运行由"禁用"改为"启用"
另一种方法，"工具" "Internet选项" "受信任的站点(可信站点)""站点"，然后填入网址即可，如果这个网站不是以https:连接的把下面"对该区域中的所有站点要求服务器验证(https:)"前面的勾去掉即可。
（如果是局域网：那就是 "工具" "Internet选项" "本地Internet" "高级"）
（无线网貌似不是局域网的）
推荐第二种~
万事俱备~ok了~
打印方法集(没有一一测试)：
复制代码 代码如下:

--------------------------------------------------------------------------



New Document



<script> <BR>var hkey_root,hkey_path,hkey_key <BR>hkey_root="HKEY_CURRENT_USER" <BR>hkey_path="file://software//Microsoft//Internet Explorer\\PageSetup\\" <BR>//设置网页打印的页眉页脚为空 <BR>function pagesetup_null(){ <BR>try{ <BR>var RegWsh = new ActiveXObject("WScript.Shell") <BR>hkey_key="header" <BR>RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"") <BR>hkey_key="footer" <BR>RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"") <BR>}catch(e){} <BR>} <BR>//设置网页打印的页眉页脚为默认值 <BR>function pagesetup_default(){ <BR>try{ <BR>var RegWsh = new ActiveXObject("WScript.Shell") <BR>hkey_key="header" <BR>RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&w&b页码，&p/&P") <BR>hkey_key="footer" <BR>RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"&u&b&d") <BR>}catch(e){} <BR>} <BR>function setdivhidden(id){//把指定id以外的层统统隐藏 <BR>var divs=document.getElementsByTagName("DIV"); <BR>for(var i=0;i<divs.length;i++) <BR>{ <BR>if(divs.item(i).id!=id) <BR>divs.item(i).style.display="none"; <BR>} <BR>} <BR>function setdivvisible(id){//把指定id以外的层统统显示 <BR>var divs=document.getElementsByTagName("DIV"); <BR>for(var i=0;i<divs.length;i++) <BR>{ <BR>if(divs.item(i).id!=id) <BR>divs.item(i).style.display="block"; <BR>} <BR>} <BR>function printpr() //预览函数 <BR>{ <BR>pagesetup_null();//预览之前去掉页眉，页脚 <BR>setdivhidden("div1");//打印之前先隐藏不想打印输出的元素 <BR>var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">'; <BR>document.body.insertAdjacentHTML('beforeEnd', WebBrowser);//在body标签内加入html（WebBrowser activeX控件） <BR>WebBrowser1.ExecWB(7, 1);//打印预览 <BR>WebBrowser1.outerHTML = "";//从代码中清除插入的html代码 <BR>pagesetup_default();//预览结束后页眉页脚恢复默认值 <BR>setdivvisible("div1");//预览结束后显示按钮 <BR>} <BR>function print() //打印函数 <BR>{ <BR>pagesetup_null();//打印之前去掉页眉，页脚 <BR>setdivhidden("div1"); //打印之前先隐藏不想打印输出的元素 <BR>var WebBrowser = '<OBJECT ID="WebBrowser1" WIDTH=0 HEIGHT=0 CLASSID="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">'; <BR>document.body.insertAdjacentHTML('beforeEnd', WebBrowser);//在body标签内加入html（WebBrowser activeX控件） <BR>WebBrowser1.ExecWB(6, 1);//打印 <BR>WebBrowser1.outerHTML = "";//从代码中清除插入的html代码 <BR>pagesetup_default();//打印结束后页眉页脚恢复默认值 <BR>setdivvisible("div1");//打印结束后显示按钮 <BR>} <BR></script>




表格一：






1111 1111 1111
1111 1111 1111
1111 1111 1111





----------------------------------------------------------------------------
JS实现局部打印和预览：
第一种：
JS 实现简单的页面局部打印
复制代码 代码如下:

function preview(oper)
{
if (oper bdhtml=window.document.body.innerHTML;//获取当前页的html代码
sprnstr="";//设置打印开始区域
eprnstr="";//设置打印结束区域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else {
window.print();
}
}
Verwandte Etiketten：
javascript 打印
Quelle：php.cn
Vorheriger Artikel：JavaScript 变量基础知识_基础知识 Nächster Artikel：表格 隔行换色升级版_javascript技巧
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Reine CSS-Methode zum dynamischen Ändern der Bildquelle beim Klicken ohne Verwendung von JavaScript Ich muss den Quellcode eines Bildes per Mausklick ändern, indem ich nur CSS wie img:active...
Aus 2024-04-06 19:25:49
0
1
505
Streudiagrammpunkte behalten beim Zoomen in d3.js keine Werte bei Dies ist das erste Mal, dass ich d3.js verwende. Bitte haben Sie Geduld. Ich habe es als r...
Aus 2024-04-06 18:16:26
0
1
403
JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
Aus 2024-04-06 15:35:24
0
1
274
Formular ohne Schaltfläche mit Javascript/Jquery senden Ich versuche, ein Formular ohne Schaltfläche zu senden, indem ich eine JavaScript-Funktion...
Aus 2024-04-06 14:54:03
0
2
421
Passen Sie das Erscheinungsbild von Bootstrap-Akkordeon-Headern mithilfe der CollapseDisplay-Klasse an Ich möchte den Kartentitel eines Panels mit der Klasse Collapseshow formatieren. In diesem...
Aus 2024-04-06 12:53:11
0
1
376
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！