js打印html内容

用JS在html页面实现打印功能

首先在head里面加入下面一段js代码: <script language="javascript"> function preview(oper) { if (oper < 10){ bdhtml=window.document.body.innerHTML;//获取当前页的html代码 sprnstr="";//设置打印开始区域 eprnstr="<

js打印窗口内容并当窗口内容较长时自动分页

项目环境Angular: 方法1.window.print() HTML页面上的代码: <div id="tenementBillTable" class="dialog-content"> <div *ngFor="let item of dataList" class="table-container"> <div class="table-header">电费清单&

js打印html中的内容

js打印方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="C

js打印Iframe中的内容，并且不需要预览。

js打印Iframe中的内容,并且不需要预览 js代码如下: <script type="text/javascript" language="Javascript"> function preview1() { var bdhtml = window.document.body.innerHTML; document.getElementById('PrintPath').focus(); document.getElementById('PrintP

js打印保存用户输入的内容

在用js打印局部页面时,遇到用户新输入的内容没能打印出来,经过观察,发现我采用的js打印方法是读取页面源代码,而用户输入的内容如果不将其写入到页面源代码中去,是打印不出来的,下面是我的解决方法: //获取标签自身 jQuery.fn.outerHTML = function (s) { return (s) ? this.before(s).remove() : $("<Hill_man>").append(this.eq(0).clone()).html(); }; St

【JS】window.print打印指定内容

有时候网页用到打印但是不想打印所有内容,就需要只打印指定内容,下面简单演示下如何打印指定内容 1.在需要打印的指定内容的头部前面加“”,在尾部后面加上“”  <div> 需要打印的内容 </div>  2.添加JS代码 <script language=javascript> function d

js打印WEB页面内容代码大全

第一种方法:指定不打印区域使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="text/css"> .noprint{visibility:hidden} </style> 要打印的内容.哈哈!<p class="noprint">将不打印的代码放在这里.</p><a href="javasc

Atitit 发帖机实现(3 )---usrQBN023 js提交ajax内容到后端规范与标准化

Atitit 发帖机实现(3 )---usrQBN023 js提交ajax内容到后端规范与标准化大段内容务必要替换转义换行符号1 提交务必使用utf编码,否则解码后的可能缺失,是web server的bug应该.Resin4.0.221 大段内容务必要替换转义换行符号 C:\0workspace\AtiPlatf_cms\WebRoot\poster\gejy_pub.js cmd= cmd.replace(new RegExp("\r\n",'gm'),"\\r\\n

js打印功能

1.window.print方式: jsp页面打印按钮: <input type="button" value="打印" onclick="print();"> js 中: function print(){ window.print(); style样式中,设置隐藏按钮打印: <style> @media print { .noprint{disp

js打印

js打印,其实是打印当前页面的内容,是调用系统的js方法,来弹出打印设置窗口,用法很简单. window.print()就行,有的考虑到浏览器兼容性问题,会用到document.execCommand("print") function jsPrint(){ if (typeof (getBrowerType().ie) != "undefined") {//浏览器判断 document.execCommand('print');//弹出打印设置窗口 } el

JS 部分基础内容总结

JavaScript 是脚本语言 HTML 中的脚本必须位于 <script> 与 </script> 标签之间. 脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中. JS使用三种方式: 1.HTML页面内嵌JS代码(不提倡使用) 2.HTML页面中直接使用JS: <script type="text/javascript"> JS代码 </script> 3.引用外部JS文件: <s

js打印页面指定区域，并去掉页眉上的时间和请求路径

需要通过js打印指定页面的内容 <style media=print type="text/css"> .noprint{visibility:hidden} </style> 然后在不需要打印的div上引用这个样式 <div class="noprint">不需要打印的内容</div> --------------------------------- <style type="text/css&qu

JS控制页面内容

JS操作页面内容 innerText:普通标签内容(自身文本与所有子标签文本)innerHTML:包含标签在内的内容(自身文本及子标签的所有)value:表单标签的内容outerHTML:包含自身标签在内的内容(自身标签及往下的所有) <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>JS处理页面内容</title> <style>

JS获取标签内容的方法

JS获取标签内容的方法测试代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div id="box"> <p>这有个第一个p</p> <p>这

js 打印

关于js打印很简单的一段代码 function doPrint() { var newWindow = window.open("打印窗口", "_blank");//打印窗口要换成页面的url var docStr = document.getElementById("printArea").innerHTML;//获取div为printArea块的html newWindow.document.write(docStr); newWindow

webform JS打印方法

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="DaYin.aspx.cs" Inherits="DaYin" %><!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server">&l

js对文章内容进行分页示例代码

这篇文章主要介绍了使用js对文章内容进行分页的具体实现,需要的朋友可以参考下 Thinkphp中文章显示代码: 代码如下: <div id="showContent">{$article.content|htmlspecialchars_decode}</div> <div id="articlePages"></div> js实现代码: 代码如下: <script type="text/javascr

html JS打印添加水印图片

最后,听取了别人的意见,换了个思路.将水印图和需要打印的内容放在一个div里面, 给打印的div设置较高的层级,这样水印自然就在最下面了.下面贴上部分代码: html: <div class="big-div"> <div class="bg-div"> <img src="images/bg-zkz.png"> <div class="small-div"> </div&

Fastreport怎么样在同一页上下部分打印相同内容

使用FastReport遇到个难题,不知道怎么解决分组打印之后,需要同一页上下部分打印相同内容,就是一式两份的联单打印. 例如: 送货单 ********** A 这里上半页,地区分组之后的内容 ****** -------------------- 分割线 ----------------------- 送货单 ********** B 这里下半页,地区分组之后的内容 ****** A和B区域的内容相同,请有经验的朋友看看怎么解决这个问题

JS打印、预览（IE，Chrome）

IE下: 调用IE内置打印组件完成web打印方案.IE调用ActiveX实现打印. 重点: 注意: 1.CSS对打印的控制: .Noprint{display:none;} .PageNext{page-break-after: always;} Noprint样式可以使页面上的打印按钮等不出现在打印页面上,这一点非常重要,因为它可以用最少的代码完成最需要的功能 PageNext样式可以设置分页,在需要分页的地方就OK了. 2.表格线粗细的设置,更是通过样式表: .tdp { border-b

如是使用JS实现页面内容随机显示

之前有个客户咨询我,因为他们公司的业务员有多个人,但公司网站的联系方式板块里只够放一个人的信息,所以就想能不能实现这个联系方式信息随机显示,对于业务或客服人员来说也能做到分配均匀公平.本文我们将和大家一起分享,如何使用js控制实现页面内容随机显示. 这里我以本地的蝉知建站系统为例,给大家演示一下实现流程. 首先将想要显示的不同内容分别放到不同的盒子里(div),并用ID属性标记好.例如: <div id="p1"> <p>联系人:张三</p> <

js打印html内容

热门专题