用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要大写,小写是错误

http://img.mukewang.com/climg/5e3e281c09268a0803230061.jpg

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

http://img.mukewang.com/climg/5e3e27ce09b8f37902450097.jpg

会报语法错误,建议使用Chrome浏览器测试。

3、其他语问题:

http://img.mukewang.com/climg/5e3e27fd099da1db02700208.jpg

标题内容位置不对

http://img.mukewang.com/climg/5e3e282909632bd104650069.jpg

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

1

0 学习 · 10739 问题

查看课程