用js代码控制打印网页

有关网页打印,可以使用的方法有:“1.点击鼠标右键,选择打印预览,执行打印;2.按键盘上的[print sc sysrq]按钮”;还有打印当前网页的方法就是,用相关代码来实现,这里用到的是js;其实用js打印网页很简单,最为重要的就是print()这个函数。

但是简单也不要掉以轻心,不同地方用到,处理方式也需要注意,不然也会得到一些自己不想的结果。

1.打印整个网页的内容:

window.print();

 2.打印指定id/class的网页内容:

    <script>

function printdiv(printpage)
        {
            var headstr = "<html><head><title></title></head><body>";
            var footstr = "</body>";
            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;
        }
    </script>

●  以上方法在本页面有表单时,可能会对数据完整性造成影响,换成下面的方法代替可解决这个问题:

var divToPrint = document.getElementById("myMreview");
    newWin = window.open();
    newWin.document.write(divToPrint.innerHTML);
    newWin.document.close();
    newWin.focus();
    newWin.print();
    newWin.close();
    >> 原因是因为,前者是在本页面内容替换,相关的数据可能被替换掉了,再来找就找不到了;后者是在新的页面进行打印操作,不影响前一个页面数据。

3.可以使用jquery插件:

PrintArea

jqprint

Fingerprint

printpage

Lodop

等等...

时间: 2024-08-07 08:47:02

用js代码控制打印网页的相关文章

JSPatch部署JS代码控制OC代码

前言: 这里算是比较实用的一篇了吧,进行了网络安全部署 准备: bmob账号,JSPatch,公钥,私钥,MD5加密,AFNetWorking下载文件 #import <CommonCrypto/CommonDigest.h> #import <BmobSDK/Bmob.h> #import "AFNetworking.h" #import "JPEngine.h" #import "RSA.h" 原理: 1.使用bmob

修改了JS代码,刷新网页后,加载的JS还是原来旧的?

本地修改JS脚本后,刷新网页看一下修改后的执行效果,结果调试显示加载的JS还是原来旧的,反复刷新均无效,郁闷! 解决办法:清理一下浏览器缓存(长经验了!)   

VS C# .NET WebBrowser控件 利用插入JS代码,实现控制弹出IE窗口

最近在做一个客户端程序,使用到自带的WebBrowser控件时,发现当JS调用window.open()或a标签的target="_blank"时使用的是弹出IE窗口,不知道为什么是这种设计,根本不满足需求嘛.上网查了一下相关资料,发现这个控件并没有属性能控制这个功能,于是找第三方控件,发现也还是不行(可能是我不够仔细尝试),而且要多出个几十兆的DLL.经过我几个小时的努力,放弃了...! 知道C#是可以与网页的JS交互的,于是想到网页上重写window.open()的方法,建一个HT

让网页文字定时交替出现的Js代码

让LI列表中的文字一行一行交替出现,每一行停留数秒后自动转到下一行显示,使用灵活,JS代码非常精简,推荐学习参考和使用.这里给LI设置line-height属性以便控制内容溢出. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>文本定时切换</TITLE> <style type="text/

通过网页的JS代码启动移动APP

<span style="font-size:18px;"><script> function startAPP(){ window.location = "scheme name://**.**/**"; } function downloadAPP(){ window.location = "http://IP/**/**.apk"; } </script> <style type="tex

网页中最常用的JS代码(js禁止右键、禁止复制,设为首页,加入收藏代码)

<body oncontextmenu=”return false”></body> <!– 禁用右键: –> <script> function stop(){ return false; } document.oncontextmenu=stop; </script> <body onselectstart=”return false”> 取消选取.防止复制 oncopy=”return false;” oncut=”return

输入密码才能浏览网页JS代码

代码一: <script type="text/javascript"> function password() { var testV = 1; var pass1 = prompt('请输入密码',''); while (testV < 3) { if (!pass1) history.go(-1); if (pass1 == "123") {//初始密码123 alert('密码正确!'); break; } testV+=1; var pa

利用Google Chrome开发插件,在网页中植入js代码

Google Chrome是一个很强大的浏览器,提供了各种各样的插件,大大提升了使用了的效率,比如vimium.honx等. Google在提供这些插件的同时还允许用户开发自己的插件. 最近在写js的脚本采集程序,需要测试在网页中的运行情况,因此可以利用Chrome插件进行测试. 1.首先第一步是新建一个文件夹,并新建一个manifest.json文件,内容如下 { "manifest_version": 2, "name": "Js implants&q

html页面控制字体大小的js代码

控制显示文章字体大小的js代码 1 <head> 2 3 4 <script type="text/javascript"> 5 6 function check(size){ 7 document.getElementById("mycode").style.fontSize=size+"pt"; 8 } 9 10 </script> 11 </head> 12 13 <body> 1