js灵活打印web页面区域内容的通用方法

【js灵活打印web页面区域内容的通用方法】的更多相关文章

js灵活打印web页面区域内容的通用方法

我们做网站,经常需要打印页面指定区域的内容,而网上关于这块的说法很多,各种各样的打印控件也不少.但许多打印方案都不怎么好,至少我不喜欢,要么封装复杂,要么难以维护.正好现在的项目也需要用到页面打印,于是在网上找了一个最简洁的打印插件,在它的基础上自己写了一个通用的打印方法,可以直观的修改样式.现在把代码贴出来,留置后用,也可以给大家一些参考. 通过这次试水,才知道,原来html中,media元素大有用途,这里正好小用一把,去掉超链接的url显示 1.网上找的js打印插件 /* * V…

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

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

打印web页面指定区域的三种方法

本文和大家分享一下web页面实现指定区域打印功能的三种方法,一起来看下吧. 第一种方法:使用CSS 定义一个.noprint的class,将不打印的内容放入这个class内. 代码如下: <style media="print" type="text/css"> .noprint{visibility:hidden} </style>这里是要打印的内容.<p class="noprint">这里是不打印的内…

js打印div指定区域内容

PHP关于web页面交互内容

学php学了有一段时间了总结总结给大家分享一下 PHP中的引用第一段程序: <?php $first_name="firstName"; $first=&$first_name;//first为first_name的引用 echo $first."<br/>"; $first="secondName"; echo $first_name."<br/>"; ?> 输出结果为: fir…

WEB页面下载内容导出excel

internal class DownloadHandler : IDownloadHandler { public DownloadHandler() { } public void OnBeforeDownload(IBrowser browser, DownloadItem downloadItem, IBeforeDownloadCallback callback) { WebBrowser ie = n…

论一种基于JS技术的WEB前端动态生成框图的方法

前言 HTML是一种标记语言,由HTML的标签元素和文本编写的文档可被浏览器描述为一幅网页.通常情况下网页的实现是由HTML.CSS和Javascript三者结合完成的,HTML负责网页的结构,CSS渲染网页元素的样式,而Javascript脚本给网页增加了动态的行为,比如响应用户的行为等. 众所周知,在web上绘图是一件挺头疼的事情,通常情况下开发人员需要借助第三方插件实现,目前HTML5中引入了canvas元素可通过JavaScript在页面上绘制线条.图形.添加文字和图像等大部分的绘图需求…

【原】移动web页面给用户发送邮件的方法 (邮件含文本、图片、链接)

微信商户通有这么一个需求,用户打开H5页面后,引导用户到电脑下载设计资源包,由于各种内部原因,被告知无后台资源支持,自己折腾了一段时间找了下面2个办法,简单做下笔记. 使用mailto功能,让用户自己给自己发送一份包含资源包的下载链接调用QQ邮件分享功能,让用户自己给自己发送一份包含资源包的下载链接 mailto使用方法 1.基础写法当浏览者点击这个链接时,浏览器会自动调用默认的客户端电子邮件程序,并在收件人框中自动填上收件人的地址下面 <a href="mailto:peun@fox…

移动web页面给用户发送邮件的方法

微信商户通有这么一个需求,用户打开H5页面后,引导用户到电脑下载设计资源包,由于各种内部原因,被告知无后台资源支持,自己折腾了一段时间找了下面2个办法,简单做下笔记. 使用mailto功能,让用户自己给自己发送一份包含资源包的下载链接调用QQ邮件分享功能,让用户自己给自己发送一份包含资源包的下载链接 mailto使用方法 1.基础写法当浏览者点击这个链接时,浏览器会自动调用默认的客户端电子邮件程序,并在收件人框中自动填上收件人的地址下面 <a href="mailto:peun@fox…

js实现在当前页面搜索高亮显示字的方法

在html页面上,有时候会遇到一些检索高亮显示的问题,具体用js是实现的方式,代码展示. Jsp页面设置方式 <li class="pull-left" id="search_box"> <input type="text" id="searchstr" name="searchstr" placeholder="请输入要查找的内容"> <%…

jquery和js的几种页面加载函数的方法以及执行顺序

参考博客:http://www.cnblogs.com/itslives-com/p/4646790.html https://www.cnblogs.com/james641/p/7838373.html 执行顺序:A>B>C>D>E $(function() { alert("A"); }); $(document).ready(function(){ alert("B"); }); jQuery(function($) { ale…

js中常用framesetiframe页面跳转传参方法实例大全

logf的空间…

关于WEB页面的强制分页打印问题

最近项目中有个需求要求打印web页面数据,但是碰到打印预览显示数据时,多的数据就不翼而飞了(不分页),搞的很是焦灼~ 最先是以为纸张的问题,胡乱折腾了一番,把A4约硬是改成了LARGE号的纸,多的数据就显示出来了,但是大多打印机用的都是A4,这样就有问题了~ 继续想办法改! 来无意看到一个强制分页的CSS, "page-break-before",大喜,认为胜利的曙光即将到来, 但在测试中发现兼容性不好~ 再查资料,说Firefox不允许将独立的表分割,将要分页的数据放在<p&g…

利用Microsoft.Office.Interop.Excel 将web页面转成PDF

网上有很多将Web页面转成PDF的方法,还有许多收费的第三方插件.其实利用Office 自带的将EXCEL发布成PDF的功能就可以实现,如果你的需求没有多复杂,可以采用笔者的方法. 首先将web页面html保存为EXCEL文件(此步骤有多种方法,就不详细探讨了.只要能将web页面转成EXCEL文件,剩下的就好说了.) StringWriter html = new StringWriter(); HtmlTextWriter tw = new HtmlTextWriter(html); base…

JS以及CSS对页面的阻塞

一.JS阻塞所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载.解析.执行完,才会进行后面的操作.在现代的浏览器中CSS资源和图片image资源是并行下载的,在IE6中默认的并行的加载数目是2个,在IE6以后以及其他的浏览器中的默认的并行加载数目是6个. 在浏览器从服务器接收到HTML文档后,并把HTML在内存中转换为DOM树,在转换节点的过程中如果引入了CSS文件以及添加了images,则会在文档加载的同时并行的加载CSS文件…

【JS】JS以及CSS对页面的阻塞

一.JS阻塞所有的浏览器在下载JS文件的时候,会阻塞页面上的其他活动,包括其他资源的下载以及页面内容的呈现等等,只有当JS下载.解析.执行完,才会进行后面的操作.在现代的浏览器中CSS资源和图片image资源是并行下载的,在IE6中默认的并行的加载数目是2个,在IE6以后以及其他的浏览器中的默认的并行加载数目是6个. 在浏览器从服务器接收到HTML文档后,并把HTML在内存中转换为DOM树,在转换节点的过程中如果引入了CSS文件以及添加了images,则会在文档加载的同时并行的加载CSS文件…

IDEA 2018.3.5，修改js文件，html页面不及时更新

问题描述使用IDEA 开发时,修改js文件,前端页面不能及时更新. 解决方法: 1. IDEA settings--> Compiler --> Build project automatically 选项勾选 2. 操作如图…

web页面实现指定区域打印功能

web页面实现指定区域打印功能使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="text/css"> .noprint{visibility:hidden} </style> 要打印的内容.哈哈! <p class="noprint">将不打印的代码放在这里.</p> <a href="javas…

web页面内容打印总结

web页面打印有两种,一种是直接调用window.print()命令操作,一种是使用ActiveX插件(Object标签)操作,但是第二种只支持IE内核的浏览器. 示例1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device…

基于Metronic的Bootstrap开发框架经验总结（9）--实现Web页面内容的打印预览和保存操作

在前面介绍了很多篇相关的<Bootstrap开发框架>的系列文章,这些内容基本上覆盖到了我这个Bootstrap框架的各个主要方面的内容,总体来说基本达到了一个稳定的状态,随着时间的推移可以会引入一些更好更新的内容进行完善,本篇继续这个系列,主要介绍如何实现Web页面内容的打印预览和保存操作. 1.Web页面打印的问题在此之前,我一般使用比较好用的LODOP来执行打印的操作,这个在我之前有很多文章都有涉及,这个控件是一个ActiveX的控件,需要下载安装后就可以在页面是进行打印的排版设计,预…

Swipe JS – 移动WEB页面内容触摸滑动类库

想必做移动前端的同学经常会接到这样子的一个需求,就是在移动设备页面上的banner图能够用手指触摸左右或上下的滑动切换,这在移动设备是个很常见的一个效果,其用户体验远甚于点击一个按钮区域,通过手指的触摸操作也是移动设备的中一个特性,我们必须专业化的处理,哈哈.其实实现原理很简单,但平常中自己开发不是很方便. 今天就为大家带来这样子的一个轻量级js触摸滑动类库 – Swipe JS.这是一个非常小的一个javascript类库,但他的功能却不简单,它可以用来展示web页面上的任何内容,支持精确的触…