js原生轮播图兼容ie9

要让js原生轮播图兼容ie9，需要在代码中注意以下几点：

1. 使用原生js，避免使用ES6及以上版本的语法，因为ie9不支持该语法。

2. 使用兼容的CSS属性，避免使用IE浏览器不支持的CSS3属性，可以使用浏览器前缀或者ie9支持的CSS进行兼容处理。

3. 兼容事件，由于ie9的事件处理机制跟现代浏览器不同，因此需要使用适当的事件绑定方式，并将事件处理程序封装成可重用的函数。

4. 遵守W3C标准，避免在代码中使用非标准的HTML和CSS，尽可能使用标准的HTML和CSS语法来实现轮播效果。

5. 使用Polyfills，这是一个能够在IE9中实现ES6新特性的库，通过引入该库，我们就能够在IE9中实现轮播效果。

如此，通过对代码中细节的注意，我们就可以在IE9中实现js原生轮播图的兼容处理，让代码更具可复用性，更好地服务于用户。

相关问题

原生js导出Excel表格，兼容ie

要在原生js中导出Excel表格并兼容ie，可以使用ActiveXObject对象。以下是代码示例：

function exportExcel(tableId) {
  // 获取表格对象
  var tbl = document.getElementById(tableId);
  // 创建Excel对象
  var excel = new ActiveXObject("Excel.Application");
  // 创建Workbook对象
  var book = excel.Workbooks.Add();
  // 创建Worksheet对象
  var sheet = book.Worksheets(1);
  // 将表格内容复制到Worksheet
  var range = sheet.Range(sheet.Cells(1, 1), sheet.Cells(tbl.rows.length, tbl.rows[0].cells.length));
  range.Value = getTableData(tbl);
  // 显示Excel
  excel.Visible = true;
}

// 获取表格数据
function getTableData(table) {
  var arr = [];
  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);
    }
    arr.push(row);
  }
  return arr;
}

调用exportExcel函数，传入表格的id即可导出Excel表格。需要注意的是，使用ActiveXObject对象需要在IE浏览器中开启ActiveX控件。

js 原生轮播图实现思路

1. 先准备好轮播图的 HTML 结构，一般是一个容器包裹若干个图片元素。
2. 通过 CSS 设置容器的大小、位置、样式等。
3. 使用 JavaScript 获取容器、图片元素等 DOM 节点。
4. 定义一个变量来记录当前显示的图片序号，初始值为 0。
5. 编写一个函数来实现图片的切换，可以通过改变图片元素的 display 属性或者改变容器的 transform 属性来实现。
6. 给容器添加鼠标移入移出事件，当鼠标移入时清除自动轮播定时器，当鼠标移出时重新启动自动轮播定时器。
7. 给容器添加左右切换按钮，点击按钮时调用切换函数，改变显示的图片序号。
8. 设置定时器，定时调用切换函数，实现自动轮播。