HTML页面打印功能js代码,JavaScript_js实现页面打印功能实例代码(附去页眉页脚功能代码),复制代码 代码如下: html - phpStudy...
js实现页面打印功能实例代码(附去页眉页脚功能代码)
复制代码 代码如下:
@media print{
.print {display:block;}
.notPrint {display:none;}
}
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();
}
本部分以上不被打印
打印打印打印打印打印打印打印打印 |
本部分以下不被打印
不打印
打印 |
-------------
使用JS打印,
看代码
复制代码 代码如下:
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();
}
这段代码,他是打印
和
这个标记之间的网页内容。
所以网页中要包含这个2个标签才行···
下面是去除页脚页眉的js代码
复制代码 代码如下:
var HKEY_Root,HKEY_Path,HKEY_Key;
HKEY_Root="HKEY_CURRENT_USER";
HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
//设置网页打印的页眉页脚为空
function PageSetup_Null()
{
try
{
var Wsh=new ActiveXObject("WScript.Shell");
HKEY_Key="header";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
HKEY_Key="footer";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
}
catch(e)
{}
}
//设置网页打印的页眉页脚为默认值
function PageSetup_Default()
{
try
{
var Wsh=new ActiveXObject("WScript.Shell");
HKEY_Key="header";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&w&b页码,&p/&P");
HKEY_Key="footer";
Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"&u&b&d");
}
catch(e)
{}
}
PageSetup_Default();
注意有可能执行时,会出现没有效果的错误,这时原因是可能你的浏览器限制了active对象的创建,只要取消限制就好了,取消方法如下:
打开你的ie浏览器internet选项—— 安全—— 自定义级别—— 把对没有标记为安全的activex控件进行初始化和脚本运行 设置为启用
更多功能请参考phpStudy现在用的代码。
http://img.phpstudy.net/inc/content.js相关阅读:
.NET中的Parameters
把vbscript发挥到它的极限应用之一(数组)!!!
抠出Windows 2003中的IIS6安装程序
用MySQL函数清除字符串首尾空白字符的方法
用CSS3伪类target如何制作tab选项卡效果
Linux文件系统x挂载工具--autofs介绍
500内部错误,asp日志报告“不允许的父路径”
ubuntu下无法用date函数设置时间的问题解决
Windows Server 2008 SP2即将发布
WordPress教程:query_posts()
HTML5中 b 和 i 标签将语义化
php中三个生成随机密码的方法对比
Fedora Linux系统中NTFS分区挂载的方法
java socket功能的一个小应用
HTML页面打印功能js代码,JavaScript_js实现页面打印功能实例代码(附去页眉页脚功能代码),复制代码 代码如下: html - phpStudy...相关推荐
- jq jqprint 设置页脚_jquery.jqprint-0.3.js打印功能 以及页眉页脚设置显示与否
项目中需要打印 搜索使用了jquery.jqprint-0.3.js 遇到一些样式问题,现在已经解决 ,记录下来供大家参考. 下面图显示为我页面中的样式:满足需要根据设备名称输入的多少自动适应打印页面 ...
- 【js、vue-print-nb】js 在Chorme中打印页面去掉页眉页脚
js或者vue-print-nb插件在chorme调用打印是都会带上 页眉页脚及时间. 在chorme中可以手动设置 打印是否要页眉页脚,如果不想手动打印时设置可以参考用css 控制: 参考:http ...
- js iframe 打印 打印预览 页眉页脚的设置
1.window.print方式: Html代码 //jsp页面 打印按钮: <input type="button" value="打印" onclic ...
- jq jqprint 设置页脚_jQuery 插件 jqprint 实现浏览器页面打印和设置页眉页脚
使用 jqprint 插件实现浏览器页面打印,需要用到两个js文件,jquery.js 和 jqprint.js,本文使用 jquery-1.4.4.min.js,jquery.jqprint-0.3 ...
- js 打印的一些技巧 去除页眉页脚,主动分页
1.页眉页脚 可以简单点用css来实现 下拉把以下代码粘贴到页面里就可以了测试对于ie firefox chrome兼容都还不错 <style media="print"&g ...
- vue 项目中页面打印实现(去除页眉页脚)
vue 项目中页面打印实现 参考文章: 13 Paged media 项目描述: 背景:框架vue.组件 element-ui,已有一个在用的后台管理系统 需求:现需在列表页面添加按钮-----打印协 ...
- 将vue页面文本导出到word,并设置页眉页脚,分页打印相关讲解--高级版
需求: 将以下内容导出到word,并设置页眉页脚,页码以及导出时间,且时间.页码加粗处理:每一个明细各占一页,且不能有空白页出现. 最终效果展示: 代码展示及讲解: <template>& ...
- 使用浏览器自带打印功能,去除页眉页脚,横屏打印等
HTML代码 <head><script src="/Scripts/printCurrentPage.js" type="text/javascrip ...
- 原生js 打印 以及 自定义页眉页脚的一些感悟
最近遇到一些需求使用原生js进行打印,期间遇到很多困难,我过资料查找用了自己的一些方法解决,如果你有更好的解决办法欢迎评论区留言. 问题一 打印元素父盒子设置了溢出隐藏,导致元素隐藏了,打印不完整. ...
最新文章
- 十一课堂|通过小游戏学习Ethereum DApps编程(4)
- 《Unit Testing》1.3 使用覆盖率指标来度量测试套件的好坏
- Docker挂了,数据如何找回
- Asp.net基础概念之 事件
- 基于javaEE技术的课程设计管理系统设计与实现
- CodeForces992E 二分 + 树状数组(线段树)
- Qt Pro语法总结
- BZOJ3495 : PA2010 Riddle
- 3D打印软件推荐|常用3D打印软件有哪些?
- Camnetics Suite 2018 CamTrax64 GearTeq GearTrax for AI SE SW
- PRINCE2产品认证报考常见一些问答
- CAD2021下载AutoCAD2021下载AutoCAD安装详细教程
- 百度wz竞价推广关键词排名的影响因素大全
- failover机制
- 初识QT之QTWidget窗口
- web前端html5+css3学习笔记(1)
- U盘和电脑USB都是好的,可是插上u盘没任何反应!
- 【微信小程序】协同工作与发布
- 【自动驾驶摸爬滚打路】自动驾驶仿真软件SCANeR 001初相识
- 《iOS防护02》破解ptrace防护
热门文章
- 在 ESXi 上配置 syslog (2003322)
- ESXi 中重新启动管理代理
- ESXI6.7虚拟机配置LACP静态汇聚端口网络负载均衡分流
- Java设计模式学习总结(16)——行为型模式之命令模式
- 当你学不进去的时候 不妨看看大脑是怎么想的
- 全国中小学生计算机竞赛试题,全国中小学电脑制作活动
- php 获取 body json,从PHP中的JSON POST读取HTTP请求正文的问题
- java用netty做tcpserver接收c++消息_netty案例,netty4.1基础入门篇四《NettyServer收发数据》...
- Linux 更改共享内存tmpfs的大小
- 使用wampserver部署的织梦站点无法登录后台