JS调用浏览器不能全屏适应A4纸解决办法

引入JQ：<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>

打印方法：

// 打印
function preview(){bdhtml=window.document.body.innerHTML;//获取当前页的html代码sprnstr="<!--startprint-->";//设置打印开始区域eprnstr="<!--endprint-->";//设置打印结束区域prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取htmlprnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取htmlwindow.document.body.innerHTML=prnhtml;window.print();window.document.body.innerHTML=bdhtml;
}

html部分：

<button class="btn-online-printing" onclick="preview()">在线打印</button><!--startprint-->  打印开始位置<div class="">这里是打印的内容</div><!--endprint-->    打印结束位置

提示：这个打印会出现重载页面的现象，页面上原有的功能在重载页面后会失效，

解决办法：监听打印回调然后重新刷新页面

代码如下：

// 浏览器打印回调
var beforePrint = function() {location.reload()};
// 浏览器打印回调
var afterPrint = function() {location.reload()             };

JS调用浏览器不能全屏适应A4纸解决办法相关推荐

js实现浏览器的全屏和退出全屏
js实现浏览器的全屏和退出全屏关于更多日常使用的公共类的操作方法,可以关注下小滑轮网站 /*** 全屏*/let toFullScreen = () => {let el = document ...
前端js使浏览器窗口全屏与退出----浏览器全屏时监测通过esc按键退出全屏（退出全屏时有页面上的相关处理）
vue项目项目分为顶部导航.侧边导航.以及右边mainContent区域需求是让项目的其中一个页面有全屏功能并且在全屏时隐藏掉顶部的顶导航栏实现: 1.在state里定义一个全局 ...
很实用的JS使浏览器进入全屏
目录 1,前言 2,兼容性 3,API介绍 4,具体方法 1,前言发现了一个很好用的全屏API,是HTML5自带的方法,记录一下 2,兼容性 3,API介绍 Document.exitFullscr ...
js 控制浏览器实现全屏和退出全屏功能
在工作中我们偶尔遇到不需要浏览器导航栏和标题栏,需要将整个项目全屏展示的情况,虽然有一些快捷键可以实现此效果,但我们更希望项目中有类似的功能,可以让用户任意切换. 1.js 功能处理 //本案例只为演 ...
微信内置浏览器在使用video标签时（安卓）默认全屏的原因及解决办法
根据X5论坛得到的答案是:设计如此. 腾讯真是越来越嚣张了,一家独大后用户体验都不注重了(不给程序员留活路). 听说有个申请加入vdeo白名单的,域名验证后就可以解决默认全屏(反正我是没见过申请入口, ...
android 4.0以上WebView不能全屏播放视频的解决办法
上次鄙人做了一个简单的利用webView实现的一个浏览器!其中遇到了两个问题,一个是将浏览器中需要下载的内容托管到系统默认的下载程序进行下载,这个比较简单就不在这里讨论了:另一个问题就是我们的Andr ...
uniapp web-view 网页 video播放器全屏后无法横屏解决办法
加微信:13436042714 备注uniapp ,解决uniapp开发疑难杂症使用uni-app 框架的 web-view 组件加载网页,在播放网页视频的时候,点击全屏不能自动切换横屏情况一:用 ...
QT视频客户端全屏后视频卡住解决办法
QT编写视频监控客户端全屏后会发生视频卡住的问题,该问题的解决办法是重载showEvent事件,按照如下方式实现. void VideoCanvas::showEvent(QShowEvent * e ...
jquery实现浏览器全屏和浏览器退出全屏
2019独角兽企业重金招聘Python工程师标准>>> js方法如下: /** 浏览器全屏*/ function fullScreen() {var el = document.do ...

JS调用浏览器不能全屏适应A4纸解决办法

JS调用浏览器不能全屏适应A4纸解决办法相关推荐

最新文章

热门文章