ie8 文件导出 javascript

随着Internet Explorer 8的普及，越来越多的Web开发人员开始使用该浏览器来进行网站开发。而在这个过程中，文件导出的需求也越来越普遍。本文就将介绍如何使用JavaScript在IE8中实现文件导出的功能。

一、使用IE8自带的ActiveX对象

可以使用IE8提供的ActiveX对象来实现文件导出。以下是一个示例代码：

<script>
  function exportToExcel(tableId) {
    var table = document.getElementById(tableId);
    var excel = new ActiveXObject("Excel.Application");
    var workbook = excel.Workbooks.Add();
    var worksheet = workbook.ActiveSheet;
    for (var i = 0; i < table.rows.length; i++) {
      for (var j = 0; j < table.rows[i].cells.length; j++) {
        worksheet.Cells(i + 1,j + 1).Value = table.rows[i].cells[j].innerText;
      }
    }
    excel.displayAlerts = false;
    workbook.SaveAs("table.xls");
    excel.Quit();
  }
</script>

在这段代码中，我们首先获取表格的DOM对象，然后使用ActiveX对象创建Excel实例并新建一个Workbook和一个Worksheet。接着，我们遍历表格的所有行和列，并将每个单元格的innerText添加到Excel的Worksheet中。最后，我们将Workbook保存为"table.xls"文件，并关闭Excel实例。

二、使用Data URI Scheme

IE8还支持使用Data URI Scheme来实现文件导出。以下是一个示例代码：

<script>
  function exportToExcel(tableId) {
    var table = document.getElementById(tableId);
    var csv = [];
    for (var i = 0; i < table.rows.length; i++) {
      var row = [];
      for (var j = 0; j < table.rows[i].cells.length; j++) {
        row.push(table.rows[i].cells[j].innerText);
      }
      csv.push(row.join(","));
    }
    var data = "data:text/csv;charset=utf-8," + encodeURIComponent(csv.join("\n"));
    var link = document.createElement("a");
    link.setAttribute("href",data);
    link.setAttribute("download","table.csv");
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
  }
</script>

在这段代码中，我们首先获取表格的DOM对象，然后遍历表格的所有行和列，并将每个单元格的innerText添加到csv数组中。接着，我们使用Data URI Scheme将csv数组转换成一个文件，并将文件下载到用户的本地计算机上。

三、使用Blob和URL.createObjectURL

IE8不支持Blob和URL.createObjectURL，但是它们在以后的浏览器版本中得到了广泛的支持。以下是一个示例代码，用于演示如何使用Blob和URL.createObjectURL在现代浏览器中导出文件：

<script>
  function exportToExcel(tableId) {
    var table = document.getElementById(tableId);
    var csv = [];
    for (var i = 0; i < table.rows.length; i++) {
      var row = [];
      for (var j = 0; j < table.rows[i].cells.length; j++) {
        row.push(table.rows[i].cells[j].innerText);
      }
      csv.push(row.join(","));
    }
    var blob = new Blob([csv.join("\n")],{ type: "text/csv;charset=utf-8" });
    var url = URL.createObjectURL(blob);
    var link = document.createElement("a");
    link.setAttribute("href",url);
    link.setAttribute("download","table.csv");
    document.body.appendChild(link);
    link.click();
    document.body.removeChild(link);
    URL.revokeObjectURL(url);
  }
</script>

在这段代码中，我们首先获取表格的DOM对象，然后遍历表格的所有行和列，并将每个单元格的innerText添加到csv数组中。接着，我们将csv数组转换成一个Blob对象，并使用URL.createObjectURL将Blob对象转换成一个URL。最后，我们将URL添加到一个链接中，并将链接下载到用户的本地计算机上。使用URL.revokeObjectURL可以释放URL。

总结

文件导出是Web开发过程中常见的需求之一。IE8虽然已经在市场上失去了影响力，但在某些特殊情况下，我们仍然需要在IE8中实现文件导出的功能。本文介绍了使用ActiveX对象、Data URI Scheme和Blob、URL.createObjectURL来实现文件导出的三种方式，希望能够对大家有所帮助。