thymleaf中常用的标签
th:id 替换id <input th:id="'xxx' + ${collect.id}"/>
th:text 文本替换 <p th:text="${collect.description}">description</p>
th:utext 支持html的文本替换 <p th:utext="${htmlcontent}">conten</p>
th:object 替换对象 <div th:object="${session.user}">
th:value 属性赋值 <input th:value="${user.name}" />
th:with 变量赋值运算 <div th:with="isEven=${prodStat.count}%2==0"></div>
th:style 设置样式 th:style="'display:' + @{(${sitrue} ? 'none' : 'inline-block')} + ''"
th:onclick 点击事件 th:onclick="'getCollect()'"
th:each 属性赋值 tr th:each="user,userStat:${users}">
th:if 判断条件 <a th:if="${userId == collect.userId}" >
th:unless 和th:if判断相反 <a th:href="@{/login}" th:unless=${session.user != null}>Login</a>
th:href 链接地址 <a th:href="@{/login}" th:unless=${session.user != null}>Login</a> />
th:switch 多路选择 配合th:case 使用 <div th:switch="${user.role}">
th:case th:switch的一个分支 <p th:case="'admin'">User is an administrator</p>
th:fragment 布局标签,定义一个代码片段,方便其它地方引用 <div th:fragment="alert">
th:include 布局标签,替换内容到引入的文件 <head th:include="layout :: htmlhead" th:with="title='xx'"></head> />
th:replace 布局标签,替换整个标签到引入的文件 <div th:replace="fragments/header :: title"></div>
th:selected selected选择框 选中 th:selected="(${xxx.id} == ${configObj.dd})"
th:src 图片类地址引入 <img class="img-responsive" alt="App Logo" th:src="@{/img/logo.png}" />
th:inline 定义js脚本可以使用变量 <script type="text/javascript" th:inline="javascript">
th:action 表单提交的地址 <form action="subscribe.html" th:action="@{/subscribe}">
th:remove 删除某个属性 <tr th:remove="all">
1.all:删除包含标签和所有的孩子。
2.body:不包含标记删除,但删除其所有的孩子。
3.tag:包含标记的删除,但不删除它的孩子。
4.all-but-first:删除所有包含标签的孩子,除了第一个。
5.none:什么也不做。这个值是有用的动态评估。
th:attr 设置标签属性,多个属性可以用逗号分隔 比如 th:attr="src=@{/image/aa.jpg},title=#{logo}",此标签不太优雅,一般用的比较少。
thymleaf中条件判断及可能用到的方法
判断是不是为空:null:
<span th:if="${name} != null">不为空</span>
<span th:if="${name1} == null">为空</span>
判断是不是为空字符串: “”
<span th:if="${#strings.isEmpty(name1)}">空的</span>
判断是否相同:
<span th:if="${name} eq 'jack'">相同于jack,</span>
<span th:if="${name} eq 'ywj'">相同于ywj,</span>
<span th:if="${name} ne 'jack'">不相同于jack,</span>
不存在设置默认值:
<span th:text="${name2} ?: '默认值'"></span>
是否包含(分大小写):
<span th:if="${#strings.contains(name,'ez')}">包ez</span>
<span th:if="${#strings.contains(name,'y')}">包j</span>
是否包含(不分大小写)
<span th:if="${#strings.containsIgnoreCase(name,'y')}">包j</span>
同理。。。下面的和JAVA的String基本一样。。。。不笔记解释,官网有
${#strings.startsWith(name,'o')}
${#strings.endsWith(name, 'o')}
${#strings.indexOf(name,frag)}// 下标
${#strings.substring(name,3,5)}// 截取
${#strings.substringAfter(name,prefix)}// 从 prefix之后的一位开始截取到最后,比如 (ywj,y) = wj, 如果是(abccdefg,c) = cdefg//里面有2个c,取的是第一个c
${#strings.substringBefore(name,suffix)}// 同上,不过是往前截取
${#strings.replace(name,'las','ler')}// 替换
${#strings.prepend(str,prefix)}// 拼字字符串在str前面
${#strings.append(str,suffix)}// 和上面相反,接在后面
${#strings.toUpperCase(name)}
${#strings.toLowerCase(name)}
${#strings.trim(str)}
${#strings.length(str)}
${#strings.abbreviate(str,10)}// 我的理解是 str截取0-10位,后面的全部用…这个点代替,注意,最小是3位
使用示例1
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="renderer" content="webkit">
<title>安徽智能运维系统</title>
<meta name="keywords" content="">
<meta name="description" content="">
<!--[if lt IE 9]>
<meta http-equiv="refresh" content="0;ie.html"/>
<![endif]-->
<link th:href="@{/favicon.ico}" rel="stylesheet"/>
<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
<link th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
<link th:href="@{/css/animate.css}" rel="stylesheet"/>
<link th:href="@{/css/style.css}" rel="stylesheet"/>
<link th:href="@{/ruoyi/css/ry-ui.css?v=2.4.0}" rel="stylesheet"/>
<style type="text/css">
.content-tabs{height:62px;}
.nav > li:hover .dropdown-menu {display: block;}
.page-tabs a:hover, .content-tabs .roll-nav:hover{
color: #fff;
background: #293846;
}
.page-tabs a i:hover{
color:#ccc
}
.page-tabs a{padding:0 20px}
har{width:100%;height:100%;display: inline-block;color:#555}
har:hover {
text-decoration: none;
color: #fff;
opacity: 1;
-moz-opacity: 1;
background: #a1daf4;
}
.page-tabs a.active {
background: #2f4050;
color: #fff;
}
.page-tabs .active i{
color: #fff;
}
.page-tabs a:hover i{
color: #fff;
}
</style>
</head>
<body class="fixed-sidebar full-height-layout gray-bg" style="overflow: hidden" >
<div id="wrapper">
<!--左侧导航开始-->
<div style="display:none">
<nav class="navbar-default navbar-static-side" role="navigation" style="display:none">
<a class="navbar-minimalize minimalize-styl-2 btn btn-default " href="#" title="收起菜单" style='position: absolute; right:-40px;bottom:2px; z-index: 10000; margin: 0;'>
<i class="fa fa-bars"></i>
</a>
<div class="nav-close">
<i class="fa fa-times-circle"></i>
</div>
<div class="sidebar-collapse">
<ul class="nav" id="side-menu">
<li class="nav-header">
<div class="dropdown profile-element" style="text-align:center;"> <span>
<img th:src="(${user.avatar} == '') ? '/img/profile.jpg' : '/profile/avatar/' + ${user.avatar}" alt="image" class="img-circle" height="70" width="70"/></span>
<a class="menuItem" th:href="@{/system/user/profile}">
<span class="clear">
<span class="block m-t-xs">[ <strong class="font-bold" th:text="${user.userName}">用户</strong> ]</span>
</span>
</a>
</div>
</li>
<li th:each="menu : ${menus}">
<a href="#">
<i class="fa fa fa-bar-chart-o" th:class="${menu.icon}"></i>
<span class="nav-label" th:text="${menu.menuName}">一级菜单</span>
<span class="fa arrow"></span>
</a>
<ul class="nav nav-second-level collapse">
<li th:each="cmenu : ${menu.children}">
<a th:if="${#lists.isEmpty(cmenu.children)}" class="menuItem" th:utext="${cmenu.menuName}" th:href="@{${cmenu.url}}">二级菜单</a>
<a th:if="${not #lists.isEmpty(cmenu.children)}" href="#">[[${cmenu.menuName}]]<span class="fa arrow"></span></a>
<ul th:if="${not #lists.isEmpty(cmenu.children)}" class="nav nav-third-level">
<li th:each="emenu : ${cmenu.children}"><a class="menuItem" th:text="${emenu.menuName}" th:href="@{${emenu.url}}">三级菜单</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
</nav>
</div>
<!-- 左侧导航结束-->
<!--右侧部分开始-->
<div id="page-wrapper" class="gray-bg dashbard-1" style="margin:0">
<div class="row content-tabs" style="padding-top:10px;background:#fff;">
<div class="pull-left" style="height:40px;width:300px;padding:0 20px;z-index:100000;position:absolute;background:#fff;" id="">
<img th:src="@{/img/dianwang.png}" style="width:40px;height:40px;vertical-align:top;">
<span style="font-weight:bold;font-size:18px"> 安徽智能运维系统</span>
</div>
<button class="roll-nav roll-left tabLeft" style="margin-left:300px;top:10px;">
<i class="fa fa-backward"></i>
</button>
<nav class="page-tabs menuTabs" style='overflow: initial;margin-left:340px'>
<div class="page-tabs-content" id="navBox">
<a href="javascript:;" class="active menuTab" data-id="/function/wf/area_layer" id="homePage"><i class="fa fa-home"></i><span class="nav-label"> 首页</span></a>
<a th:each="menu : ${menus}" href="#" style="position:relative;">
<i class="fa fa-bar-chart-o" th:class="${menu.icon}"></i>
<span class="nav-label" th:text="${menu.menuName}">一级菜单</span>
<ul class="nav nav-second-level collapse" style="position:absolute;left:0;top:40px;box-shadow: 2px 2px 5px #ccc;width:100%;text-align:center;background:#fff">
<li th:each="cmenu : ${menu.children}" style="width:100%;height:100%">
<har th:if="${#lists.isEmpty(cmenu.children)}" class="menuItem" th:utext="${cmenu.menuName}" th:frame="@{${cmenu.url}}">
二级菜单
</har>
</li>
</ul>
</a>
</div>
</nav>
<button class="roll-nav roll-right tabRight" style="right:220px;top:10px">
<i class="fa fa-forward"></i>
</button>
<a id='user_name' class="roll-nav roll-right tabReload" style="right:120px;width:100px;top:10px"><i class="fa fa-user"></i > <strong class="font-bold" th:text="${user.userName}">用户</strong> </a>
<a id="fullScreen" class="roll-nav roll-right tabReload" style="right:60px;width:60px;top:10px"><i class="fa fa-arrows-alt"></i>全屏</a>
<a th:href="@{logout}" class="roll-nav roll-right tabReload" style="right:0px;width:60px;top:10px"><i class="fa fa-sign-out"></i>退出</a>
</div>
<div class="row mainContent" id="content-main">
<!--
<iframe class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="/system/main"
th:src="@{/system/main}" frameborder="0" seamless></iframe>
-->
<iframe class="RuoYi_iframe" name="iframe0" width="100%" height="100%" data-id="/system/station_layer"
th:src="@{/function/wf/area_layer}" frameborder="0" seamless></iframe>
</div>
<div class="footer">
<div id="location" class="pull-left">
<i class="fa fa-home"></i><span class="nav-label"> 首页</span>
</div>
<div class="pull-right">© [[${copyrightYear}]] Copyright </div>
</div>
</div>
<!--右侧部分结束-->
</div>
<!-- 全局js -->
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<script th:src="@{/js/plugins/metisMenu/jquery.metisMenu.js}"></script>
<script th:src="@{/js/plugins/slimscroll/jquery.slimscroll.min.js}"></script>
<script th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/ruoyi/js/ry-ui.js?v=2.4.0}"></script>
<script th:src="@{/ruoyi/index.js}"></script>
<script th:src="@{/ajax/libs/fullscreen/jquery.fullscreen.js}"></script>
<script>
$(function(){
$('#content-main').css('height',$('#content-main').height()-20+60+'px')
var oframe=$('#content-main iframe')
$(window).resize(function() {
var n_height=$(window).height();
$('#content-main').css('height',n_height-98+'px');
/*
for(var i=0;i<oframe.length;i++){
if($('.menuTab.active').attr('data-id')==oframe.eq(i).attr('src')){
oframe.eq(i).attr('src',oframe.eq(i).attr('src'));
}
}
*/
});
$('.menuTab').on('click',function(){
for(var i=0;i<oframe.length;i++){
if($(this).attr('data-id')==oframe.eq(i).attr('src')){
oframe.eq(i).attr('src',oframe.eq(i).attr('src'));
}
}
});
$("#navBox a:has(ul)").hover(function(){
$(this).children("ul").stop(true,true).slideDown(600);
},function(){
$(this).children("ul").stop(true,true).slideUp(100);
});
$('har').off()
$('#homePage').on('click',function(){
//$('#location').html('<i class="fa fa-home"></i><span class="nav-label">首页</span>')
$('#location').html("/function/wf/area_layer");
})
$('har').on('click',function(){
$('iframe[name=iframe0]').attr('src',$(this).attr('frame'));
$('#navBox a').removeClass('active')
$(this).parent().parent().parent().addClass('active')
$('#location').html('<i class="fa fa-home"></i><span class="nav-label"> '+$(this).parent().parent().prev().html()+' > '+$(this).html()+'</span>')
})
$('#navBox a').eq(0).on('click',function(){
$('#navBox a').removeClass('active');
$(this).addClass('active');
$('iframe[name=iframe0]').attr('src',$(this).attr('data-id'));
})
$('#user_name').on('click',function(){
$('iframe[name=iframe0]').attr('src','/system/user/profile');
$('#navBox a').removeClass('active');
})
});
</script>
</body>
</html>
使用示例2
<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head th:include="include :: header">
<style type="text/css">
*{padding:0;}
.btn{
border:#ccc solid 1px;
padding:5px 15px;
cursor:pointer;
color:#000000;
}
.btn:hover{
border:#3385FF solid 1px;
background-color:#3385FF;
color:#ffffff;
}
</style>
</head>
<body style="width:100%;height:100%;overflow:hidden;overflow-y:auto;background-color: #ffffff;">
<div style="text-align:right;padding-top:10px;padding-right:8%">
<span class="btn" onclick="javascript:saveas();">保存</span>
<span class="btn" onclick="javascript:printas();">打印</span>
</div>
<center>
<b><h1>录波简报</h1></b>
</center>
<p/>
<table align="center" border="1" width="85%" cellspacing="0"
cellpadding="3" bordercolorlight="#000000" bordercolordark="#000000"
bordercolor="#000000" style="font-family: 宋体; font-size: 10pt"
valign="middle">
<a th:if="${faultReport==null}">
<tr><td style="text-align:center;">简报文件不存在或文件格式不正确</td></tr>
</a>
<a th:if ="${faultReport!=null}">
<tr><td>厂站</td><td>录波设备信息</td><td colspan="4">故障内容</td></tr>
<tr>
<td rowspan="[[${faultReport.nRows}]]" width="15%">[[${faultReport.st_name}]]</td>
<td rowspan="[[${faultReport.nRows}]]" width="15%">[[${faultReport.rec_name}]]</td>
<td width="15%">故障间隔</td>
<td colspan="3">[[${faultReport.fdev_name}]]</td>
</tr>
<a th:if="${faultReport.fdev_type==0}"
<tr><td>故障类型</td><td colspan="3">[[${faultReport.f_phase}]]</td></tr>
<tr><td>单端测距</td><td colspan="3">[[${faultReport.f_dis}]]</td></tr>
<a th:if="${faultReport.m_IsDoubleInfo}"
<tr><td>双端测距</td><td colspan="3">[[${faultReport.doublePos}]] km</td></tr>
</a>
<tr><td>故障起始时间</td><td colspan="3">[[${faultReport.f_startTime}]]</td></tr>
</a>
<a th:if="${faultReport.fdev_type!=0}"
<tr><td>故障起始时间</td><td colspan="3">[[${faultReport.f_startTime}]]</td></tr>
</a>
<a th:if='${#strings.length("[[${faultReport.vTrips}]]")} != 0'>
<tr><td rowspan="${#strings.length('[[${faultReport.vTrips}]]')+1}">保护动作信息</td><td colspan="2">保护名称</td><td>跳闸时间</td></tr>
<tr th:each="tripInfo : ${faultReport.vTrips}">
<td colspan="2">[[${tripInfo.name}]]</td>
<td>[[${tripInfo.time}]] ms</td>
</tr>
</a>
<a th:if="${faultReport.fdev_type==0}">
<tr><td rowspan="2">重合闸</td><td colspan="2">是否重合闸成功</td><td>重合闸时间</td></tr>
<tr><td colspan="2">[[${faultReport.recloseStr}]]</td><td>[[${faultReport.recloseTime}]] [[${faultReport.recloseUnit}]]</td></tr>
<tr><td rowspan="2">故障电压</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport.ua}]]</td><td>[[${faultReport.ub}]]</td><td>[[${faultReport.uc}]]</td></tr>
<tr><td rowspan="2">故障电流</td><td>A相</td><td>B相</td><td>C相</td>
<tr><td>[[${faultReport.ia}]]</td><td>[[${faultReport.ib}]]</td><td>[[${faultReport.ic}]]</td></tr>
</a>
<a th:if="${faultReport.fdev_type==1}">
<tr><td rowspan="2">故障电压</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport.ua}]]</td><td>[[${faultReport.ub}]]</td><td>[[${faultReport.uc}]]</td></tr>
</a>
<a th:if="${faultReport.fdev_type==2}">
<tr><td rowspan="2">高压侧故障电压</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport.h_ua}]]</td><td>[[${faultReport.h_ub}]]</td><td>[[${faultReport.h_uc}]]</td></tr>
<tr><td rowspan="2">中压侧故障电压</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport.m_ua}]]</td><td>[[${faultReport.m_ub}]]</td><td>[[${faultReport.m_uc}]]</td></tr>
<tr><td rowspan="2">低压侧故障电压</td><td>A相</td><td>B相</td><td>C相</td>
<tr><td>[[${faultReport.l_ua}]]</td><td>[[${faultReport.l_ub}]]</td><td>[[${faultReport.l_uc}]]</td></tr>
<tr><td rowspan="2">高压侧故障电流</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport.h_ia}]]</td><td>[[${faultReport.h_ib}]]</td><td>[[${faultReport.h_ic}]]</td></tr>
<tr><td rowspan="2">中压侧故障电流</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport.m_ia}]]</td><td>[[${faultReport.m_ib}]]</td><td>[[${faultReport.m_ic}]]</td></tr>
<tr><td rowspan="2">低压侧故障电流</td><td>A相</td><td>B相</td><td>C相</td>
<tr><td>[[${faultReport.l_ia}]]</td><td>[[${faultReport.l_ib}]]</td><td>[[${faultReport.l_ic}]]</td></tr>
</a>
<!-- 双端测距另一侧 -->
<a th:if="${faultReport.m_IsDoubleInfo}">
<tr>
<td rowspan="[[${faultReport2.nRows}]]" width="15%">[[${faultReport2.st_name}]]</td>
<td rowspan="[[${faultReport2.nRows}]]" width="15%">[[${faultReport2.rec_name}]]</td>
<td width="15%">故障间隔</td>
<td colspan="3">[[${faultReport2.fdev_name}]]</td>
</tr>
<a th:if="${faultReport2.fdev_type==0}">
<tr><td>故障类型</td><td colspan="3">[[${faultReport2.f_phase}]]</td></tr>
<tr><td>单端测距</td><td colspan="3">[[${faultReport2.f_dis}]]</td></tr>
<a th:if="${faultReport2.m_IsDoubleInfo}">
<tr><td>双端测距</td><td colspan="3">[[${faultReport2.doublePos}]] km</td></tr>
</a>
<tr><td>故障起始时间</td><td colspan="3">[[${faultReport2.f_startTime}]]</td></tr>
</a>
<a th:if="${faultReport2.fdev_type!=0}">
<tr><td>故障起始时间</td><td colspan="3">[[${faultReport2.f_startTime}]]</td></tr>
</a>
<a th:if="${#strings.length('[[${faultReport2.vTrips}]]')!=0}">
<tr><td rowspan="${#strings.length('[[${faultReport2.vTrips}]]')+1}">保护动作信息</td><td colspan="2">保护名称</td><td>跳闸时间</td></tr>
<tr th:each="tripInfo : ${faultReport2.vTrips}">
<td colspan="2">[[${tripInfo.name}]]</td>
<td>[[${tripInfo.time}]] ms</td>
</tr>
</a>
<a th:if="${faultReport2.fdev_type==0}">
<tr><td rowspan="2">重合闸</td><td colspan="2">是否重合闸成功</td><td>重合闸时间</td></tr>
<tr><td colspan="2">[[${faultReport2.recloseStr}]]</td><td>[[${faultReport2.recloseTime}]] [[${faultReport2.recloseUnit}]]</td></tr>
<tr><td rowspan="2">故障电压</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport2.ua}]]</td><td>[[${faultReport2.ub}]]</td><td>[[${faultReport2.uc}]]</td></tr>
<tr><td rowspan="2">故障电流</td><td>A相</td><td>B相</td><td>C相</td>
<tr><td>[[${faultReport2.ia}]]</td><td>[[${faultReport2.ib}]]</td><td>[[${faultReport2.ic}]]</td></tr>
</a>
<a th:if="${faultReport2.fdev_type==1}">
<tr><td rowspan="2">故障电压</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport2.ua}]]</td><td>[[${faultReport2.ub}]]</td><td>[[${faultReport2.uc}]]</td></tr>
</a>
<a th:if="${faultReport2.fdev_type==2}">
<tr><td rowspan="2">高压侧故障电压</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport2.h_ua}]]</td><td>[[${faultReport2.h_ub}]]</td><td>[[${faultReport2.h_uc}]]</td></tr>
<tr><td rowspan="2">中压侧故障电压</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport2.m_ua}]]</td><td>[[${faultReport2.m_ub}]]</td><td>[[${faultReport2.m_uc}]]</td></tr>
<tr><td rowspan="2">低压侧故障电压</td><td>A相</td><td>B相</td><td>C相</td>
<tr><td>[[${faultReport2.l_ua}]]</td><td>[[${faultReport2.l_ub}]]</td><td>[[${faultReport2.l_uc}]]</td></tr>
<tr><td rowspan="2">高压侧故障电流</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport2.h_ia}]]</td><td>[[${faultReport2.h_ib}]]</td><td>[[${faultReport2.h_ic}]]</td></tr>
<tr><td rowspan="2">中压侧故障电流</td><td>A相</td><td>B相</td><td>C相</td></tr>
<tr><td>[[${faultReport2.m_ia}]]</td><td>[[${faultReport2.m_ib}]]</td><td>[[${faultReport2.m_ic}]]</td></tr>
<tr><td rowspan="2">低压侧故障电流</td><td>A相</td><td>B相</td><td>C相</td>
<tr><td>[[${faultReport2.l_ia}]]</td><td>[[${faultReport2.l_ib}]]</td><td>[[${faultReport2.l_ic}]]</td></tr>
</a>
</a>
</a>
</table>
<br/>
<script type="text/javascript">
function fake_click(obj) {
var ev = document.createEvent("MouseEvents");
ev.initMouseEvent(
"click", true, false, window, 0, 0, 0, 0, 0
, false, false, false, false, 0, null
);
obj.dispatchEvent(ev);
}
function export_raw(name, data) {
var urlObject = window.URL || window.webkitURL || window;
var export_blob = new Blob([data]);
var save_link = document.createElementNS("http://www.w3.org/1999/xhtml", "a")
save_link.href = urlObject.createObjectURL(export_blob);
save_link.download = name;
fake_click(save_link);
}
function saveas(){
if(window.qtwebkit){
window.qtwebkit.onSave();
}else if(window.Blob){
var test=document.getElementsByTagName('html')[0].outerHTML;
export_raw('故障简报.htm', test);
}else{
document.execCommand('saveas','true','故障简报.htm');
}
}
function printas(){
if (window.qtwebkit)
{
window.qtwebkit.onPrint();
}else{
window.print();
}
}
window.onload=function(){
if(screen&&screen.width){
window.moveTo(screen.width*0.2,screen.height*0.1);
}
};
</script>
</body>
</html>