开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

js ie打印

在JavaScript中，涉及到IE浏览器打印时，有几个关键点需要注意：

基础概念

window.print(): 这是一个JavaScript内置函数，用于调用浏览器的打印功能。
CSS媒体查询: 可以使用CSS来为打印样式单独设置样式，以优化打印输出。

相关优势

用户体验: 允许用户直接从网页打印所需内容，提高便利性。
灵活性: 可以通过JavaScript和CSS定制打印内容和样式。

类型

直接打印: 使用window.print()方法。
自定义打印: 通过CSS媒体查询和JavaScript控制打印内容和样式。

应用场景

发票和报表: 在电商、财务系统中打印订单、发票等。
文档和宣传材料: 在企业网站中打印产品手册、宣传页等。

常见问题及解决方法

IE浏览器兼容性问题:
- 问题: IE浏览器对某些CSS属性支持不佳，导致打印样式错乱。
- 解决方法: 使用条件注释为IE浏览器提供特定的CSS文件，或者使用JavaScript检测浏览器类型并应用相应的样式。
- 解决方法: 使用条件注释为IE浏览器提供特定的CSS文件，或者使用JavaScript检测浏览器类型并应用相应的样式。

打印内容不全或错位:
- 问题: 由于页面布局复杂或CSS样式问题，打印时内容不全或错位。
- 解决方法: 使用CSS媒体查询为打印样式单独设置样式，确保打印时内容正确显示。
- 解决方法: 使用CSS媒体查询为打印样式单独设置样式，确保打印时内容正确显示。
打印预览问题:
- 问题: IE浏览器的打印预览功能可能不支持某些现代Web技术。
- 解决方法: 确保打印样式简单，避免使用复杂的CSS3属性和JavaScript。

示例代码

以下是一个简单的示例，展示如何在IE浏览器中使用JavaScript和CSS进行打印：

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Print Example</title>
  <style>
    @media print {
      body {
        font-size: 12pt;
      }
      .no-print {
        display: none;
      }
    }
  </style>
</head>
<body>
  <button onclick="window.print()" class="no-print">Print</button>
  <h1>Print Example</h1>
  <p>This is some content that will be printed.</p>
</body>
</html>

总结

在处理IE浏览器的打印问题时，关键是确保打印样式简单且兼容。使用CSS媒体查询和条件注释可以有效解决大部分兼容性问题。通过这些方法，可以确保在不同版本的IE浏览器中都能获得良好的打印效果。

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

js调用ie打印

-340A-11D0-A96B-00C04FD705A2" height="0" width="0"> 打印..." οnclick="document.all.WebBrowser.ExecWB(6,1)"> 打印" οnclick="document.all.WebBrowser.ExecWB...="button" value="页面设置" οnclick="document.all.WebBrowser.ExecWB(8,1)"> 打印...OK" οnclick=" return myprint(this);"> 打印预览" οnclick="document.all.WebBrowser.ExecWB

25.6K3 0

调用IE打印

CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0> 打印... οnclick=document.all.WebBrowser.ExecWB(6,1)> 打印 οnclick=document.all.WebBrowser.ExecWB...type=button value=页面设置 οnclick=document.all.WebBrowser.ExecWB(8,1)> 打印...OK" οnclick=" return myprint(this);"> 打印预览 οnclick

1.5K4 0

Web使用热敏打印小票(IE环境)

概述在html页下使用Epson P60II 热敏纸下打印小票，使用的打印方案为调用window.print()。...objprinter.Write(String.fromCharCode(0x1B) + String.fromCharCode(0x69)); objprinter.Close(); } 3、设置隐藏模式打印

1.6K1 0

JS原生打印

//打印预览 window.print(); /*设置默认横向打印*/ @page { size: landscape; } /*设置默认纵向打印*/ @page { size: portrait

22.5K2 0

JS 实现分页打印

在调用 window.print() 时，可以实现打印效果，但内容太多时要进行分页打印。...在样式中有规定几个打印的样式 page-break-before 和 page-break-after CSS属性并不会修改网页在屏幕上的显示，这两个属性是用来控制文件的打印方式。...每个打印属性都可以设定4种设定值：auto、always、left和right。其中Auto是默认值，只有在有需要时，才需设定分页符号 (Page breaks)。...page-break-before 若设定成 always，则是在遇到特定的组件时，打印机会重新开始一个新的打印页。

14.2K2 1

IE下JS文件失效问题总结

今天遇到了一个很诡异的问题，Firefox下好好的页面，在IE下却接二连三的报错，这到底是什么地方产生的错误。经过一上午的仔细排查，发现了真凶原来是IE对于对象和数组定义的严格限制。...在JS中，我们一般定义数组和对象都如下： var arr = [ 　　arr1, 　　arr2, 　　arr3, 　　arr4 ]; 对象： var obj = { 　　param:one,...　　param:two, 　　param:three }; 如果最后的一项多了一个“,”，那么在IE中就会产生错误，从而最终导致引用的JS文件失效。...例如： js'> function a(){ ... } var obj = { 　　param:a,...　　param:b, 　　param:c, js'> a(); alert(obj); 这个时侯就会出现函数调用的错误

3.4K3 0

WebBrowser（IE）与 JS 相互调用

在开发中我们经常将WebBrowser控件嵌入Winform 程序来浏览网页，既然是网页那么少不了JS。下面就让我们来说说他们两之间的相互调用。...但是说到和JS的调用，不得不说还是IE 的WebBrowser 最为简单方便。至于IE 为啥方便而其他的不方便，以后我会写文章分析。...下面我们还是先看看WebBrowser怎么和JS交互把： WebBrowser 执行JS 代码如果脚本已经存在于网页中，我们可以使用 InvokeScript 方法 public object InvokeScript...JS 调用 C# 方法接下来，我们来说说今天的重点，在JS中怎么调用C# 提供的方法。...用JSON传递是个不错的选择，C#和JS中都有JSON转换工具，可以试试。以上！

4.6K7 1

js 打印机打印指定局部区域

--endprint--> 打印" onclick="doPrint()"> function doPrint() ...--startprint-->"; //开始打印标识字符串有17个字符 eprnstr = ""; //结束打印标识字符串 prnhtml = bdhtml.substr(bdhtml.indexOf(sprnstr) + 17); //从开始打印标识之后的内容...prnhtml.substring(0, prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容 window.document.body.innerHTML = prnhtml; //把需要打印的指定内容赋给...body.innerHTML window.print(); //调用浏览器的打印功能打印指定区域 location.reload(); //重新给页面内容赋值； }

6.7K5 0

js判断IE版本，禁止低版本IE浏览器代码

对于大多数程序员和美工设计人员来说，ie6,7漏洞颇多，兼容性问题不断，今天我们就来写一段javascript代码强制用户升级到IE高版本： var Sys = {}; var ua = navigator.userAgent.toLowerCase...(); if (window.ActiveXObject){ Sys.ie = ua.match(/msie ([\d.]+)/)[1]; if (Sys.ieIE版本为'+Sys.ie+'版本太低，请升级！')...; location.href="http://windows.microsoft.com/zh-CN/internet-explorer/downloads/ie"; } }

4.5K2 0

js或jquery实现页面打印可局部打印

1、js实现（可实现局部打印）代码如下: js打印要打印的内容javascript打印-打印页面设置-打印预览代码打印吗？'))...="jquery-1.6.4.js"> $(function(){ $("input#biuuu_button").click(function(){ $("div#

8K2 0

打印CSDN博客内容JS

https://blog.csdn.net/jdy_lyy/article/details/102923471 使用如下代码，先进入到打印界面 (function(){ $("#side").remove...css('display','content'); $("main").css('float','left'); $("tool-box").remove(); })(); 使用如下代码，进行正式打印

4.7K1 0

js判断IE6（推荐方法一）

navigator.userAgent)){ } //方法2： if ( navigator.appVersion.indexOf("MSIE 6")>-1){ } //方法3：检查浏览器能力来判断是否是IE6

5K8 0

JS实现打印两方法

要实现点击“打印”按钮以后就将页面打印出来JS中一般有两种方法。...-00C04FD705A2'> 添加如下JS函数： function print() { ...);">打印 2.用JS自带函数打印打印其实第一种方法也是第二种方法的复杂实现方法，但是第一种方法提供了更多的预览...，修改打印设置等功能。...推荐使用第二种方法，出于安全的考虑，有些浏览器（比如遨游）会禁用一些Object，所以在遨游中第一种方法会报权限不足的JS错误。

5.3K1 0

JS魔法堂：再识IE的内存泄露

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　 IE6~8除了不遵守W3C标准和各种诡异外，我想最让人诟病的应该是内存泄露的问题了。...JS Engine Object、DOM Element 和 BOM Element 2.2. JS Engine Object的内存回收机制 2.3....JS Engine Object的内存回收机制 IE的JScript Garbage Collector采用的是Mark-and-Sweep算法，当执行垃圾回收时会先遍历所有JS Engine...而IE下独有的CollectGarbage()则用于回收无引用或引用孤岛的JS Engine Object。 2.3....（IE6、7没有抗锯齿平滑处理，而IE9则移除该功能）而这种情况当然就不属于Memory Leak啦！

3.4K5 0

用js在控制台打印html页面,vue 使用print-js 打印html页面

Print.js 官网官网优点：可以打印多种格式的内容(pdf、json、html等) 打印json时可以添加表头。...打印html页时可以继承原有页面的样式，局部打印，过滤掉要打印的元素，及其方便。...一、vue安装命令： npm install print-js –save 二、引入这个引入不需要在main.js中，直接在使用的.vue中引入即可这里颜色虽然是灰色，但是也要添加，否则会报错。...properties:是打印json时所需要的数据属性。 gridHeaderStyle和gridStyle都是打印json时可选的样式。...ignoreElements：传入要打印的div中的子元素id，使其不打印。非常好用版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。

8.7K3 0

JS 实现简单的页面局部打印

JS实现局部打印和预览：第一种： JS 实现简单的页面局部打印 function preview(oper) { if (oper < 10)...{ bdhtml=window.document.body.innerHTML...--startprint"+oper+"-->";//设置打印开始区域 eprnstr="";//设置打印结束区域 prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取...--endprint1--> 再加个打印按纽 onclick=preview(1) 第二中: 下面就是实现局部打印的代码，跟大家分享一下，希望能够对大家有所帮助。...navigator.userAgent.indexOf("MSIE") > 0) { document.body.removeChild(iframe); } } 将要想打印局部内容

6.4K2 0

HTML打印准考证用JS在html页面实现打印功能

用JS在html页面实现打印功能做项目时，有在网页实现全局和局部打印的需求，百度许久，现总结如下：打印方式一： 1.首先在head里面加入下面一段js代码：打印内容开始--> ... 打印内容结束--> 3.最后加上一个打印的按钮打印1' onclick=preview(1...--打印内容结束--> ... 3.页面中放置一个打印按钮：打印打印内容结束--> ... 3.页面中放置一个打印按钮：打印" />

9.8K1 0

前端js实现打印（导出）excel表格

button type="button" class="btn green" id="excell" onclick="method5('dataTable')">导出考勤表 js...代码 //打印表格 var idTmr; function getExplorer() { var explorer = window.navigator.userAgent ;...//ie if (explorer.indexOf("MSIE") >= 0) { return 'ie'; } //firefox...return 'Safari'; } } function method5(tableid) { if (getExplorer() == 'ie...13661725475 //打印表格

9.7K2 0

局部打印插件 jquery.PrintArea.js

{ $("iframe#" + id).remove(); }; })(jQuery); 打印..."/> 要打印的内容区域 $(function(){ $("btnPrint

5.4K10 0

IE6,IE7,IE8下报JS错误:expected identifier, string or number的原因及解决办法

今天在调试一个页面的时候遇到一个问题，在IE9下运行得很好的脚本，在IE8里打开的时候弹出错误：expected identifier, string or number，按照经验，应该是定义对象的时候最后一个属性末尾跟了逗号...综上所述，当出现expected identifier, string or number的错误时，你首先应该检查在使用对象字面量时是否在最后一个属性后跟了逗号，这在js新手写的代码中比较常见，如： {

1.9K3 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭