js打印页面实例

最新推荐文章于 2023-03-03 10:53:44 发布
最新推荐文章于 2023-03-03 10:53:44 发布
阅读量172 收藏
点赞数
分类专栏： 实例 前台 文章标签： java javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41696089/article/details/111001304
版权

跳转方法

function print(contract_id){
 var dw=unitid,rq=today;
 if(isNull(select_unit).length>0){dw=select_unit};
 if(isNull(select_date).length>0){rq=select_date};
 window.open(basePath+'Security/Risk/showPrint?project_unitid='+dw+'&risk_date='+rq+'&project_name='+encodeURI(isNull(select_project_name))+'&type='+encodeURI(isNull(select_type))+'&job_content_day='+encodeURI(isNull(select_job_content_day))+'&risk_type='+encodeURI(isNull(select_risk_type))+'&risk_level='+encodeURI(isNull(select_risk_level))+'&contro_level='+encodeURI(isNull(select_contro_level))+'&flag=2');
}

后台

6、风险信息-浏览打印
@RequestMapping("/showPrint")
public String showPrint(Model model, HttpServletRequest request, HttpServletResponse response,RiskReportEntity entity){
    List<RiskReportEntity> EntityList = riskService.Report_list(request, response, entity);
    Map<String, Object> map = new HashMap<>();
    map.put("rows", EntityList);
    model.addAttribute("map",map );
    return "Security/Risk/risk_print";
}

打印页面

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>井控风险信息打印</title>
    <!--框架必需start-->
    <script type="text/javascript" th:src="@{/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/js/language/cn.js}"></script>
    <script type="text/javascript" th:src="@{/js/framework.js}"></script>
    <link th:href="@{/css/import_basic.css}" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet"  type="text/css" id="skin" prePath="@{/}" splitMode="true"  th:href="@{/skins/blue/style.css}" />
    <link rel="stylesheet"  type="text/css"  id="customSkin"  th:href="@{/system/layout/skin/style.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/skin/style.css}"/>
    <!--框架必需end-->
    <script type="text/javascript" th:src="@{/js/nav/basicTab.js}"></script>
    <!-- 日期选择框start -->
    <script type="text/javascript" th:src="@{/js/form/datePicker/WdatePicker.js}"></script>
    <!-- 日期选择框end -->
    <!--表单异步提交start-->
    <script th:src="@{/js/form/form.js}" type="text/javascript"></script>
    <!--表单异步提交end-->
    <!--数据表格start-->
    <script th:src="@{/js/table/quiGrid-change.js}" type="text/javascript"></script>
    <!--数据表格end-->
    <!--自动提示框start-->
    <script type='text/javascript' th:src='@{/js/form/suggestion-change.js}'></script>
    <!--自动提示框end-->
    <!-- 引入弹窗组件start -->
    <script type="text/javascript" charset="UTF-8" th:src="@{/js/popup/drag.js}"></script>
    <script type="text/javascript" charset="UTF-8" th:src="@{/js/popup/dialog.js}"></script>
    <!-- 引入弹窗组件end -->
</head>
<body th:object="${map}" >
<div>
    <div id="notprint" name="notprint" align="center" nowrap >
        <input type="button" value="打印" onclick="pagePreview()"/>
    </div>
    <div>
        <div class="table_head">
            井控风险信息
        </div>
        <table class="tableStyle" mode="list">
            <tr style="background-color: #CCCCCC">
                <td align="center" rowspan="2">序号</td>
                <td align="center" rowspan="2">日期</td>
                <td align="center" rowspan="2">类别</td>
                <td align="center" rowspan="2">项目名称</td>
                <td align="center" rowspan="2">项目单位</td>
                <td align="center" rowspan="2">作业地点</td>
                <td align="center" rowspan="2">工作内容</td>
                <td align="center" rowspan="2">作业时间</td>
                <td align="center" rowspan="2">风险类别</td>
                <td align="center" rowspan="2">施工风<br>险等级</td>
                <td align="center" rowspan="2">是否升<br>级管理</td>
                <td align="center" rowspan="2">主要风险<br>管控措施</td>
                <td align="center" colspan="2">作业负责人</td>
                <td align="center" colspan="2">属地监督人</td>
                <td align="center" rowspan="2">管控级别</td>
                <td align="center" rowspan="2">管控单位<br>或部门名称</td>
                <td align="center" rowspan="2">主管科室</td>
            </tr>
            <tr style="background-color: #CCCCCC">
                <td align="center">姓名</td>
                <td align="center">电话</td>
                <td align="center">姓名</td>
                <td align="center">电话</td>
            </tr>
            <div th:if="${map.rows.size()>0}">
                <tr th:each="entity:${map.rows}" align="center">
                    <td > [[${entity.row_num}]]</td>
                    <td > [[${entity.risk_date}]]</td>
                    <td > [[${entity.type}]]</td>
                    <td > [[${entity.project_name}]]</td>
                    <td > [[${entity.project_unit}]]</td>
                    <td > [[${entity.work_localtion}]]</td>
                    <td > [[${entity.job_content_day}]]</td>
                    <td > [[${entity.work_time}]]</td>
                    <td > [[${entity.risk_type}]]</td>
                    <td > [[${entity.risk_level}]]</td>
                    <td > [[${entity.is_upgrade}]]</td>
                    <td > [[${entity.risk_contro_measures}]]</td>
                    <td > [[${entity.person_liable_name}]]</td>
                    <td > [[${entity.person_liable_phone}]]</td>
                    <td > [[${entity.supervisor_name}]]</td>
                    <td > [[${entity.supervisor_phone}]]</td>
                    <td > [[${entity.contro_level}]]</td>
                    <td > [[${entity.contro_unit}]]</td>
                    <td > [[${entity.department}]]</td>
                </tr>
            </div>
        </table>
    </div>
</div>
<script type="text/javascript">
        var WebBrowser = document.getElementById("WebBrowser");
        function pagePreview()
        {
            var display = document.getElementById("notprint").style.display;
            document.getElementById("notprint").style.display="none";
//             WebBrowser.ExecWB(1,1);//打开
//             WebBrowser.ExecWB(2,1);//关闭所有
//             WebBrowser.ExecWB(4,1) ;//另存为
//             WebBrowser.ExecWB(6,1);//打印
//             WebBrowser.ExecWB(6,6);//直接打印
//             WebBrowser.ExecWB(8,1);//页面设置
//             WebBrowser.ExecWB(10,1);//属性
//             WebBrowser.ExecWB(17,1);//全选
//             WebBrowser.ExecWB(22,1);//刷新
//             WebBrowser.ExecWB(45,1);//关闭
//                 pagesetup_null();
//                 WebBrowser.ExecWB(6,1);//打印
//                WebBrowser.ExecWB(7,1); //打印预览
                        var isIE=navigator.userAgent.toUpperCase().indexOf("MSIE")==-1?false:true;
                        var isFirefox=navigator.userAgent.toUpperCase().indexOf("FIREFOX")==-1?false:true;
                        var isChrome=navigator.userAgent.toUpperCase().indexOf("CHROME")==-1?false:true;
                        if(isIE==true){
                            pagesetup_null();
                            WebBrowser.ExecWB(7,1); //打印预览
//                    window.print();
                        }else if(isChrome==true){
                            window.print();
                        }else if(isFirefox==true){
                            alert("火狐浏览器存在打印缺陷 不建议使用");
                            window.print();
                        }else {
                            pagesetup_null();
                            WebBrowser.ExecWB(7,1); //打印预览
//                        window.print();
                        }
                    document.getElementById("notprint").style.display=display;
        }
        function checkIEV() {
            var X, V, N;
            V = navigator.appVersion;
            N = navigator.appName;
            if (N == "Microsoft Internet Explorer")
                X = parseFloat(V.substring(V.indexOf("MSIE") + 5, V.lastIndexOf("Windows")));
            else
                X = parseFloat(V);
            return X;
        }
        //设置为不打印
        function noPrint() {
            var stylef = document.styleSheets[0];
            var rul = stylef.rules[0]; /*上面@media 那一段*/
            rul.style.display = "none";
        }
        //设置网页打印的页眉页脚为空
        function pagesetup_null() {
//               alert("sss")
            var hkey_root, hkey_path, hkey_key;
            hkey_root = "HKEY_CURRENT_USER"
            hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
            try {
                var RegWsh = new ActiveXObject("WScript.Shell");
                //打印页面的Menubar必须可见，此操作类似按键盘上的Alt+F+U也就是 调出页面设置对话框
//             wsShell.sendKeys("%fu");
                //此操作类似按键盘上的Alt+A也就是 设置横向打印
//             wsShell.sendKeys("%a");
                //此操作类似按键盘上的回车 页面设置对话框的默认焦点在 确定上 所以直接确定
//             wsShell.sendKeys("{ENTER}");
                //设置页眉（为空）
//             Wsh.RegRead(HKEY_Root+HKEY_Path+HKEY_Key)//可获得原页面设置
                hkey_key = "header";
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "");
                //设置页脚（为空）
                hkey_key = "footer";
                RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "");
                //alert(checkIEV());
                //这里需要浏览器版本，8.0以下的页边距设置与8.0及以上不一样，注意注册表里的单位是英寸，打印设置中是毫米，1英寸=25.4毫米
                if (checkIEV() < 8.0) {
                    //设置左页边距
                    hkey_key = "margin_left";
                    RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "0.025");
                    //设置右页边距
                    hkey_key = "margin_right";
                    RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "0.05");
                    //设置上页边距
                    hkey_key = "margin_top";
                    RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "0.3");
                    //设置下页边距
                    hkey_key = "margin_bottom";
                    RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "0.001");
                }
                else {
                    //设置右页边距
                    hkey_key = "margin_right";
                    RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "1.1");
                    //设置左页边距
                    hkey_key = "margin_left";
                    RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "1.1");
                    //设置上页边距
                    hkey_key = "margin_top";
                    RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "1.2");
                    //设置下页边距
                    hkey_key = "margin_bottom";
                    RegWsh.RegWrite(hkey_root + hkey_path + hkey_key, "1.001");
                }
            }
            catch (e) {
                alert("页面设置失败,请手动设置!");
            }
        }
</script>
</body>
</html>
weixin_41696089
关注
专栏目录
JS实现页面打印
dengqiu2187的博客
11-28 640
【原文链接】 1、js实现（可实现局部打印） <input id="btnPrint" type="button" value="打印" onclick="javascript:window.print();" /> <input id="btnPrint" type="button" value="打印预览" onclick=preview(1...
js打印页面
qq_36939013的博客
08-17 452
最近项目需要实现将局部页面输出pdf文件，做了以下案例 效果 html <template> <div id="test-page"> <!-- 额外元素 --> <div class="myInput"> <el-input v-model="text"></el-input>{{text}} </div> <!--
Javascript网页打印大全
清风道的专栏
09-12 1850
Javascript网页打印大全普通打印（整页打）      打印网页内部分内容（自定义）        打印去掉/添加页眉页脚            使用外部控件/方法实现多功能打印            打印背景以上为代码控制设置“页面设置”实现打印参数设置（Window系统图文版）一、普通打印（整页打）这个不用多说，直接用引用:window.print(); 二、打印网页
JS打印页面
01-22 498
总体思路是：截取html页面上的部分内容组成单独一个页面，然后进行打印。代码如下： function preview1() { bdhtml=window.document.body.innerHTML; sprnstr=""; //开始打印的地方 eprnstr=""; //结束打印标记 prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); p
js print打印网页指定区域内容的简单实例
11-28
这个功能对于那些希望用户仅打印页面的一部分而不是整个页面的情况非常有用。 首先，让我们分析一下给定的代码： ```html <!DOCTYPE html> ; charset=utf-8" /> <title>js print打印网页指定区域内容的简单...
Javascript打印局部页面实例
10-22
Javascript打印局部页面实例分享了如何使用JavaScript对网页的特定部分进行打印操作的方法。此方法涉及在页面的HTML结构中设置特定的标记来界定需要打印的区域，并通过JavaScript脚本来提取这段区域的HTML内容并发送...
js实现页面打印功能实例代码(附去页眉页脚功能代码)
10-29
### JS 实现页面打印功能及去除页眉页脚方法 #### 一、页面打印功能实现原理 在现代网页开发中，实现页面打印是一项常见的需求。本文档中的示例代码展示了如何使用JavaScript来实现这一功能，并提供了去除页眉页脚...
javaScript 连接打印机,打印小票的实例
10-18
总结起来，使用JavaScript连接打印机并打印小票涉及到的技术点包括HTML页面内容的提取和转换、JavaScript打印函数的调用、以及利用第三方库如jsPDF和html2canvas生成PDF文件。整个实现过程需要细心处理细节，并且...
JS调用打印机打印例子
11-02
JS调用打印机打印例子。直接调用打印插件打印。
js打印Web页面
11-03
js打印WEB页面,使用js打印WEB页面
JS实现页面打印（整体、局部）
12-04
我们在网页开发过程中经常会有打印页面的需求，通过JS来实现的方法有很多，这里我做了一个整理，供大家参考。 方式一：window.print() 整体打印 <a>打印</a> 现在就轻松实现了页面的打印，但是这种方式会将整个页面打印，如果想要实现指定区域的打印需要通过下面的设置 局部打印 首先，在html中，通过star和end来标记打印区域 <h1>这块内容不需要打印</h1> <!--startprint--> <div class="cont
js打印案例下载js html
08-23
关于打印的实例哦 全部js打印 下载 js打印案例下载js html 纯html打印
javascript 打印页面
tyasd
08-27 290
javascript ,window.print()打印页面，隐藏不需要的部分，指定区域打印。 <div class="container"> <p>内容内容内容内容内容内容内容内容内容内容</p> <p>内容内容内容内容内容内容内容内容内容内容</p> <p>内容内容内容内容内容内容内容内容内容内容</p> <p>内容内容内容内容内容内容内容内容内容内容</p>
javascript打印页面
最新发布
IT菜鸟
03-03 602
【代码】js打印页面。
js打印功能案例及实现
高彩琼的博客
11-11 737
建议： 1、不需修改的页面可以用当前页局部打印。 案例代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>datagrid-打印</title> <link rel="stylesheet" hr...
js，简单的打印例子，自定义换页
Web前端工程师
08-05 378
<body> <input type="button" value="打印此页面" onclick="printpage()" /> <div id="printContent">打印内容</div> <script> function printpage() { let newstr = document.getElementById("printContent").innerHTML; le...
js实现页面打印
weixin_44037153的博客
05-04 1346
css样式 /*打印*/ @media print { @page { margin: 0; } body { margin: 1cm; } } 页面代码 <!--startprint--> <div class="returnSearch"> <
JavaScript控制IE打印预览：实例与多版本操作
总结：本文档主要介绍了利用JavaScript控制IE浏览器的打印预览功能，通过自定义函数来实现隐藏页面内容、使用ActiveX控件执行打印操作以及可能的注册表配置。这对于需要根据用户需求定制打印体验或者在服务器端控制...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值