js 打印预览_JavaScript设置默认横向打印,兼容IE浏览器,谷歌浏览器

本文介绍如何在JavaScript中实现打印预览并设置默认为横向,内容包括针对谷歌浏览器和IE浏览器的不同解决方案。对于Chrome,可以通过CSS或JS设置;而对于IE,需要使用WebBrowser对象和模拟键盘快捷键。若在IE中遇到ActiveXObject生成失败的问题,可能是因为浏览器禁用了ActiveX,需在设置中启用。
摘要由CSDN通过智能技术生成

通常来说我们需要使用打印功能一般都是直接使用window.print(),因为此方法兼容目前所有浏览器,但如果需要设置打印的一些参数的话,其实各种浏览器之间都有种区别,造成不兼容。

这里说一下关于设置默认横向打印的一些写法,亲测有效。

首先先说谷歌浏览器吧,它设置默认横向是比较简单的,可以通过设置css或js的方法,如:

//一般语言的css写法:
<style type="text/css" media="print">
            @page {
    size:landscape;}
 </style>

//C#中如果是使用了MVC前端使用了Razor引擎,,那@符号会优先被使用需要作一下转义
<style type="text/css" media="print">
            @("@")page {
    size:landscape;}
</style>

js写法,只需要将下面代码调用放在window.print()打印方法前即可,因为此属性设置在IE浏览器是没有的,至于其他浏览器,我只试过谷歌可以使用。

try{
    print.portrait = false;               
 }
 catch (e){
}

至于IE浏览器的写法相对来说是比较复杂的,首先需要

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值