javaScript打印页面上的部分内容！

最新推荐文章于 2024-07-17 09:44:02 发布
最新推荐文章于 2024-07-17 09:44:02 发布
阅读量1k 收藏
点赞数
分类专栏： javaScript 文章标签： javascript button generator webbrowser html input
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/li_jeck/article/details/2833995
版权

第一种方式：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">

<script language=javascript>   
function doPrint() {   
bdhtml=window.document.body.innerHTML;   
sprnstr="<!--startprint-->";   
eprnstr="<!--endprint-->";   
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+65);   
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));   
window.document.body.innerHTML=prnhtml;   
window.print();   
}   
</script>
</HEAD>

<body>
<br><br><br><br><br><br><br><br><br><br><br><br><br>
<!--startprint--><br><br><br><br><br><br><br><br><br><br><br><br>与aaaaaaaaaaaaaaaaa<!--endprint-->

<a href="javascript:;" onClick="doPrint()">打印</a>

</body>

 

</HTML>

第二种方式： 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
 <OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
       VIEWASTEXT>
      </OBJECT>

   <script language=javascript>
function onclick(){
 window.opener=null;
 window.close();
 document.all.WebBrowser.ExecWB(6,1);

}
</script>
</HEAD>

<BODY οnlοad="onclick()">
<center class=noprint>
<input οnclick="document.all.WebBrowser.ExecWB(6,1)" type="button" value="打印"> <input οnclick="document.all.WebBrowser.ExecWB(6,6)" type="button" value="直接打印">
      <input οnclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置">
      <input οnclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="打印预览">&nbsp;<INPUT type="button" value="关闭窗口" οnclick="javascript:window.close()">
</center>
<style media="print">.Noprint { DISPLAY: none }</style>
<center class=noprint>
此内容不会被打印出来。<br></center>
<center>
<TABLE border="0">
<TR>
 <TD><center class=noprint>正在打印中，请稍后。。。。。。。。。。</center></TD>
</TR>
<TD>将表格的border设置为0，通过控制行和列可以控制打印出的内容的位置
    
</TABLE>
</center>


</BODY>
</HTML>

li_jeck
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS实现页面打印
L_sixmoon的博客
07-13 1万+
window.print(); 局部打印 一、直接打印页面中的一段内容： 在html中，通过star和end来标记打印区域： 然后在打印方法中添加如下代码： 二、打印自行拼接或即时生成的内容（可打印图片，二维码等） 过滤打印区域的内容 如果不想打印以上代码中的预览和打印按钮，有如下两种方式。方式一： 方式二：...
js打印WEB页面与打印预览
02-27
js打印WEB页面与打印预览
js或jquery实现页面打印可局部打印
陌子曦的专栏
12-19 530
js或jquery实现页面打印(局部打印) 1、js实现（可实现局部打印）  js打印 .noprint{display : none } 不需要打印的地方 function preview(oper) { if (oper < 10) { bdhtml=window.document.body.innerHTML;//获取当前页的htm
Javascript打印网页部分内容的脚本
10-30
有时候我们只需要打印部分内容，因为现在的页面中广告和一些相关内容很多，所有用下面的方法，就可以了
js指定打印页面部分内容代码
06-11
在JavaScript中，我们可以使用特定的API来实现对网页部分区域的打印功能。...将这些文件内容整合到一起，就可以实现js指定打印页面部分内容的功能。记得在实际项目中根据需要调整代码，确保与页面结构和样式相匹配。
javascript 打印页面代码
10-30
JavaScript 打印页面代码 JavaScript 打印页面代码是指在...使用JavaScript打印页面代码可以实现更加灵活的打印效果，并且可以选择打印的内容。这个方法可以广泛应用于Web开发中，例如在线报表打印、电子邮件打印等。
js指定打印页面部分内容代码.zip
09-27
标题“js指定打印页面部分内容代码.zip”涉及到的是JavaScript（js）技术在网页打印功能上的应用。JavaScript是一种广泛用于客户端Web开发的脚本语言，它可以与HTML和CSS紧密结合，实现动态网页交互。在这个压缩包中...
jquery在当前页面打印页面div内容实例
任聪聪的博客
02-24 5051
插件：jquery.jqprint 版本：v 0.3 JQuery：适合所有版本jquery文件配合使用 适用：所有类型html页面 以下是插件文件代码：jquery.jqprint-0.3.js// ----------------------------------------------------------------------- // Eros Fratini - e
Web打印，简单实现
天之剑
04-09 680
先给一个简单实用的方式（可以打印多页，控制分页，隐藏非打印项目）                     看看                 .Noprint{display:none;}     .PageNext{page-break-after:   always;}                 .tdp     {             border-bottom
js或jquery实现页面打印(局部打印)
热门推荐
caiyl1314的专栏
03-03 1万+
js或jquery实现页面打印(局部打印) 1、js实现（可实现局部打印） js打印 .noprint{display : none } 不需要打印的地方 function preview(oper) { if (oper < 10) { bdhtml=window.document.body
更新商品前端接口编写
weixin_55639995的博客
07-12 413
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
Sortable.js板块拖拽示例
w11111xxxl的博客
07-14 761
ghostClass: 'blue-background-class' // 拖动时元素的样式类。group: 'shared', // 允许与其它具有相同组名的元素交互。-- 引入 Sortable.js 的 CSS 和 JS 文件 -->width: 150px;/* 减少宽度 */height: 70px;/* 设置高度 */-- 引入 Sortable.js 的 JS 文件 -->animation: 150, // 动画速度。// 初始化 Sortable。
docker将Java、vue、nginx打进镜像（涉及容器打成镜像）
qq_37752382的博客
07-15 538
按照上文拉取centos7，然后将需要的东西直接打进脚本，这样最简单，但是在拉取过程中，初始镜像contos7安装nginx需要安装一些工具包，拉取的时候报错了，原因还是在镜像源上，并且还想在上面装一些工具，另外创建容器不应该在里面做很多初始化的东西，每次更新业务包就行，4）准备文件完成后执行下面的就行（如果配置文件不对，比如nginx的配置等先进入镜像手动调整好，没问题了，再删除掉容器和镜像重新制作镜像即可）本文不讲安装docker,安装好安装，镜像源稍微麻烦点。1）生成镜像并创建容器。
JS+CSS特效：HTML+JS+CSS 实现精致的带二级菜单的头部菜单
uu0216的博客
07-16 535
既然a标签把它填满导致了原来的内圆角没有了，而去掉了a标签的背景色依然没有出现圆角。那么我不妨把第一行的两个菜单项和最后一行的两个菜单项写个圆角。这里利用子选择器实现。为了避免菜单项数量改变而导致样式的变化，需要把样式写在最后两个子列表项上，而不是第7和第8上面。所以，在最后两个列表项上，我们使用的 nth-last-child 而不是 nth-child。
vue解决页面放大图片模糊的问题
m0_56104994的博客
07-12 316
解决页面放大，图片模糊的问题
高职软件技术实训室
最新发布
whwzzc的博客
07-17 740
当前，软件行业正处于高速发展阶段，对人才的需求呈现出多元化、高精尖的特点。平台基于k8s实现公有云、混合云、私有云多种部署方式，提供在线html、css、js、jquery、vue等前端开发环境，实现真正的云开发，开箱即用，主要模块有课程制作工具、作业、活动、云盘、共享课、我的课、云优选课。平台基于k8s实现公有云、混合云、私有云多种部署方式，提供在线java、python等后台语言，实现真正的云开发，开箱即用，主要模块有课程制作工具、作业、活动、云盘、共享课、我的课、云优选课。
Javascript网页打印大全(有图版).docx
06-09
Javascript网页打印大全(有图版)

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值