Javascript 函数在 IE11 中未定义

标签 javascript html

我编写了一个示例 html 页面来显示弹出 div,它可以在 Firefox 中工作,但不能在 IE 中工作。它说该函数未定义。

这是我的页面:
错误消息是“'show_popup_div'未定义”

<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=unicode" />

    <script type="text/javascript">

        function show_popup_div() {
            var imageDiv=document.getElementById("image_div");
            var switchA=document.getElementById("switch_a");
            imageDiv.style.display='block';
        }

        async function hide_popup_div() {
            var imageDiv=document.getElementById("image_div");
            await sleep(5000);
            imageDiv.style.display='none';
        }          

        function sleep(ms) {
            return new Promise(resolve => setTimeout(resolve, ms));
        }

    </script>
</head>
<body>

    <a id="switch_a" onmousemove="show_popup_div()" onmouseout="hide_popup_div()">click me to open a image</a>
    <div id="image_div">
        <img id="image" src="http://www.rd.com/wp-content/uploads/sites/2/2016/02/06-train-cat-shake-hands.jpg" usemap="#map1"/>

    </div>

</body>

我该如何解决这个问题?谢谢。

最佳答案

我相信如果没有 Jaromanda X 提到的 Javascript 库,Promise 函数根本不兼容 IE。 https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Global_Objects/Promise

关于Javascript 函数在 IE11 中未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45538192/

相关文章:

javascript - Mocha 中的 ES6 promise

javascript - 如何在 Meteor 中对光标处的项目进行分组?

javascript - 使用 Redux react native : state changes not showing in console

html - bulma 中相同大小的标签

javascript - 数据库查询随机失败,无法在我的机器上复制

html - div 正文中的 angular2 url 链接

javascript - 将字符串安全地传递给 JS

javascript - 将新的逗号分隔数字字符串推送到现有数组

html - 围绕表格包装文章元素

javascript - scrollTop 的问题 - 30 秒应该持续,29 秒停留在一个地方