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('PrintPath').contentWindow.focus();
document.getElementById('PrintPath').contentWindow.print();
//window.document.body.innerHTML = bdhtml; //重新给页面内容赋值; } </script>
分析:
1.首先获取iframe标签。
2.定位到iframe 的window. 如果不能定位到iframe的window,那么最终的打印函数,都会使用当前页面的wiodow.打印的内容将会是整个页面,而不仅仅是iframe里面的内容。(该点尤为重要)
3,用定位到的window去调用打印函数。
html 代码如下:
<form id="form1" runat="server">
<div>
<div align="center">
<input type="button" name="print" value="预览并打印Iframe" onclick="preview1()"/> </div>
<div>
<div id="PrintFileDiv" runat="server" style="width:600px;height:400px;overflow-y:scroll; border:1px; border-style:solid; border-color:Black; margin-left:200px;">
</div>
</div>
<div> fdjgdfkljgdfkljgkldfjkl</div>
<div> fdjgdfkljgdfkljgkldfjkl</div>
<div> fdjgdfkljgdfkljgkldfjkl</div>
<div> fdjgdfkljgdfkljgkldfjkl</div> <div> fdjgdfkljgdfkljgkldfjkl</div> <div> fdjgdfkljgdfkljgkldfjkl</div>
<div> fdjgdfkljgdfkljgkldfjkl</div>
<iframe id="PrintPath" src="file/EULA_Branding.htm" Width="500px" height="400px" scrolling="auto">
</iframe>
</div>
</form>
</body>
js打印Iframe中的内容,并且不需要预览。的更多相关文章
- js打印html中的内容
js打印方法 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
- 网页中动态嵌入PDF文件/在线预览PDF内容https://www.cnblogs.com/xgyy/p/6119459.html
#网页中动态嵌入PDF文件/在线预览PDF内容# 摘要:在web开发时我们有时会需要在线预览PDF内容,在线嵌入pdf文件: 问题1:如何网页中嵌入PDF: 在网页中: 常用的几种PDF预览代码片段如 ...
- js基础进阶--图片上传时实现本地预览功能的原理
欢迎访问我的个人博客:http://www.xiaolongwu.cn 前言 最近在项目上加一个图片裁剪上传的功能,用的是cropper插件,注意到选择本地图片后就会有预览效果,这里整理一下这种预览效 ...
- 利用Gulp实现JSDoc 3的文档编写过程中的实时解析和效果预览
### 利用Gulp实现JSDoc 3的文档编写过程中的实时解析和效果预览 http://segmentfault.com/a/1190000002583569
- js 获取iframe中的元素
今天要修改编辑器插件中的元素遇到的问题 jquery 在父窗口中获取iframe中的元素 1.Js代码 格式:$("#iframe的ID").contents().find(&qu ...
- js获取iframe中的元素以及在iframe中获取父级的元素(包括iframe中不存在name和id的情况)
第一种情况:iframe中不存在name和id的方法:(通过contentWindow获取) var iframe = document.getElementsByTagName('iframe' ...
- 如何清空iframe中的内容?
我都是用这种方法往iframe里面添加内容的. document.frames["iframe1"].document.write("<img src='loadi ...
- JS 导出网页中Table内容到excel
<html> <head> <script type="text/javascript" language="javascript" ...
- #网页中动态嵌入PDF文件/在线预览PDF内容#
摘要:在web开发时我们有时会需要在线预览PDF内容,在线嵌入pdf文件: 问题1:如何网页中嵌入PDF: 在网页中: 常用的几种PDF预览代码片段如下: 代码片段1: 1 <object ty ...
随机推荐
- arm_cm4.c关于kinetis的修改
/***********************************************************************/ /* * Initialize the NVIC t ...
- scenes & segues within storyboards
Scenes Scenes in a storyboard represent content shown within one screen in your application. A scene ...
- BZOJ 2768: [JLOI2010]冠军调查 最小割
2768: [JLOI2010]冠军调查 题目连接: http://www.lydsy.com/JudgeOnline/problem.php?id=2768 Description 一年一度的欧洲足 ...
- BZOJ 1295: [SCOI2009]最长距离 spfa
1295: [SCOI2009]最长距离 题目连接: http://www.lydsy.com/JudgeOnline/problem.php?id=1295 Description windy有一块 ...
- [转]O(n)回文子串算法 Manacher算法
这里,我介绍一下O(n)回文串处理的一种方法.Manacher算法.原文地址:http://zhuhongcheng.wordpress.com/2009/08/02/a-simple-linear- ...
- 【开发实例】C#调用SAPI实现语音合成的两种方法
我们都知道现在的语音合成TTS是可以通过微软的SAPI实现的,好处我就不多说了,方便而已,因为在微软的操作系统里面就自带了这个玩意,主要的方式有两种: 1.使用COM组件技术,不管是C++,C#,D ...
- Android平台上长连接的实现
Android 平台上长连接的实现 为了不让 NAT 表失效,我们需要定时的发心跳,以刷新 NAT 表项,避免被淘汰. Android 上定时运行任务常用的方法有2种,一种方法用 Timer,另一种是 ...
- 安装luinxWEB
Webmin的安装很简单,下面就详细说一下安装步骤. 1.用ssh客户端软件登陆服务器2.切换目录到root下,命令是:cd /root/3.下载Webmin的安装文件,命令是:wget http:/ ...
- TP复习13
## ThinkPHP 3.1.2 模板的使用技巧#讲师:赵桐正微博:http://weibo.com/zhaotongzheng 本节课大纲:一.模板包含 <include file=&quo ...
- [AngularJS+ GSAP] Greensock TimelineLite Animation Sequences
TimelineLite is a piece of the Greensock TweenMax library that provides the ability to create sequen ...