JS打印界面的CSS居中代码适用所有浏览器
2023-06-13 09:15:20 时间
functionpreview(oper){
if(oper<10){
bdhtml=window.document.body.innerHTML;//获取当前页的html代码
sprnstr="<!--startprint"+oper+"-->";//设置打印开始区域
eprnstr="<!--endprint"+oper+"-->";//设置打印结束区域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18);//从开始代码向后取html
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
}else{
window.print();
}
}
#outer{
display:table;
height:400px;
#position:relative;
overflow:hidden;
}
#middle{
display:table-cell;
vertical-align:middle;
#position:absolute;
#top:50%;
}
#inner{
#position:relative;
#top:-50%;
}
<divid=”outer”>
<divid=”middle”>
<divid=”inner”>
<!?这里是要垂直居中的内容?>
</div>
</div>
</div>
相关文章
- js 数组 复制「建议收藏」
- 用JS获取地址栏url参数的方法_js的url是啥
- 利用JS给博客左上显示FPS帧数
- JS 如何利用浏览器的 cookie 保存用户名
- Nuxt.js详解(二)
- 评论框鼠标点击特效js代码
- js禁用浏览器的后退功能的简单方法
- js获取浏览器高度和宽度值(多浏览器)
- js无提示关闭浏览器页面的代码
- js获取当前select元素值的代码
- CSS和JS标签style属性对照表(方便js开发的朋友)
- asp.net窗体的打开和关闭(输出js)
- 远离JS灾难css灾难之js私有函数和css选择器作为容器
- JavaScript高级程序设计阅读笔记(十六)javascript检测浏览器和操作系统-detect.js
- js修改input的type属性及浏览器兼容问题探讨与解决
- Js代码中,ajax请求地址后加随机数防止浏览器缓存的原因
- js实现鼠标拖动图片并兼容IE/FF火狐/谷歌等主流浏览器
- Js,alert出现乱码问题的解决方法
- js、css、img等浏览器缓存问题的2种解决方案
- js+css实现遮罩居中弹出层(随浏览器窗口滚动条滚动)
- JS比较两个时间大小的简单示例代码
- JS操作Array数组的方法及属性实例解析
- 用JS在浏览器中创建下载文件
- JS获得浏览器版本和操作系统版本的例子
- Node.js中使用Log.io在浏览器中实时监控日志(等同tail-f命令)