IE浏览器下利用ActiveX控件实现网页导出Excel与打印功能

作者:微光

时间:2026-10-27

浏览:400

本文介绍在IE浏览器环境中,通过JavaScript调用ActiveX控件及系统命令,实现网页内容导出至Excel并直接打印的轻量级方案。该方法适用于对兼容性要求较高且无需复杂后端支持的小型项目,通过封装HTML与JS代码完成数据复制、Excel应用实例创建及打印控件调用。

文章目录

IE浏览器下利用ActiveX控件实现网页导出Excel与打印功能

在一些对技术栈要求不高的小型项目中,采用非通用且非前沿的技术方案,往往能更有效地实现特定功能。这种方式不仅避免了系统架构的过度复杂化,还显著降低了后续维护的成本与难度。

具体实现代码如下:

<html>
<head>
<title>IE浏览器使用JS技术导出到Excel和打印</title>
<style>
.table_stat {
border-right:0px;
border-bottom:0px;
border-left:1px solid #819BD8;
border-top:1px solid #819BD8;
   }
.td_stat {
border-right:1px solid #819BD8;
border-bottom:1px solid #819BD8;
   }
</style>
</head>
<body>
<object classid="CLSID:8856F961-340A-11DO-A96B-00C04FD705A2" height="0" id="WebBrowser" width="0"></object>
<table width="100%" align="center" border="0" cellpadding="0" cellspacing="0" style="text-align: center;" class="table_stat">
<tr>
<td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="2">
用户信息
</td>
</tr>
<tr>
<td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="1">
姓名
</td>
<td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="1">
张三
</td>
</tr>
<tr>
<td id="title" align="center" nowrap="nowrap" class="td_stat" colspan="2">
<input type="button" id="export" value="导出" onclick="javascript:exportToExcel();" >
<input type="button" id="print" value="打印" onclick="javascript:print();" >
</td>
</tr>
</table>
</body>
</html>
<script type="text/javaScript">
 //导出到Excel
 function exportToExcel() {
 if(document.getElementById("title")) {
 try {
 var oRangeRef = document.body.createTextRange();
 oRangeRef.execCommand("Copy");
 var appExcel = new ActiveXObject("Excel.Application");
 appExcel.visible = true;
 appExcel.Workbooks.Add().WorkSheets.Item(1).Paste();
 } catch(e) {
 alert("出错啦!可能是浏览器或者是数据量太大咯哦!");
 return;
 }
 appExcel = null;
 oRangeRef = null;
 }
 }
 //打印
 function print() {
 if(document.getElementById("title")) {
 var export = document.getElementById("export");
 var print = document.getElementById("print");
 try {
 export.style.display = "none";
 print.style.display = "none";
 document.all.WebBrowser.ExecWB(6,1);
 } catch(e) {
 alert("出错啦!可能是浏览器或者是数据量太大咯哦!");
 return;
 }
 export.style.display = "";
 print.style.display = "";
 }
 }
</script>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章