js怎么把弹出来的层显示在最前面？

JavaScript012

js怎么把弹出来的层显示在最前面？,第1张

如果想让弹出的层，显示到最前面，最简单的办法就是让这个层的层级最高。

下面是代码，仅供参考：

<body>

    <div style="width:100px height:100px position:absolute top:50% left:50% margin-left:-50px margin-top:-50px background:#cccdisplay:nonez-index:100" id="div"></div>

    <input type="button" id="btn" value="click" />

</body>

<script>

    var oDiv = document.getElementById('div')

    var oBtn = document.getElementById('btn')

    oBnt.onclick = function(){

        oDiv.style.display = 'block'

        //如果层级100还低，还可以动态设置

        oDiv.style.zIndex = 999999

    }

</script>

原生JS 有3种最常用的弹窗方式

最最最常用的是 alert()

alert 引发的弹窗，只有一个“确定”按钮。

alert( 内容 )

内容可以是变量，可以是字符串。

字符串需要用单引号或者双引号括起来。

需要注意的是，内容如果是 html 标签，是会直接输出字符串的。

如果需要换行，需要用到 html 的转义字符。

alert 无法直接展示 object。

confirm 对比 alert，会多出一个“取消”按钮。

而且 confirm 有一个回调值。

如果点击了“确定”，返回值为：true

如果点击了“取消”，返回值为：false

prompt 的比 confirm 多一个输入框。

同样，prompt 也是有返回值的。

如果按了确定，返回值是 输入的内容，字符串型。

如果按了取消，返回值是：null。