用IE跑出现问题?foreach是不兼容吗?还是有其他问题
来源:2-4 编程练习
慕斯卡8226687
2020-02-07 20:48:09
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>模版字符串</title>
</head>
<body>
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
<script type="text/javascript">
const tmpl = function() {
return {
title: "前端",
data: [{
title: '布局基础',
date: ["html", "css"]
}, {
title: '网页特效',
date: ["javascript", "jquery"]
}, {
title: '框架',
date: ["bootstrap", "vue"]
}]
}
}
// 补充代码
const {title, data:listData} = tmpl();
let arr = [];
listData.foreach(function({title,date:[date1,date2]}){
arr.push(
`<tr>
<td>$(title}</td>
<td>$(date1)</td>
<td>$(date2)</td>
</tr>
`
);
});
arr.push(`${title}<caption></caption>`);
let table=document.createElement('table');
table.setAttribute('border','1');
table.innerHTML = arr.join('');
document.body.appendChild(table);
</script>
</body>
</html>
1回答
好帮手慕星星
2020-02-08
同学你好,问题解答如下:
1、IE浏览器兼容forEach语句,但是E要大写,小写是错误

2、IE浏览器不支持这种写法

会报语法错误,建议使用Chrome浏览器测试。
3、其他语问题:

标题内容位置不对

可以修改重新测试下。如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题