javascript怎么实现真正的模态窗口-JavaSript-爱易网页

javascript怎么实现真正的模态窗口

日期：2014-05-16　浏览次数：20508 次

javascript如何实现真正的模态窗口？
网上普遍都是说三层锁屏，但这不是真正的模态窗口。

真正的模态窗口不但能禁止背景输入，而且还要能中断代码执行，直到点击确认或取消后，代码才继续执行

请问这个在javascript中应该怎么实现呢？求例子

------解决方案--------------------

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>基于JQuery的JS遮罩层效果</title>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

    <script type="text/javascript">

    function showDiv() {

        document.body.style.overflow = 'hidden';

        var docHeight = Math.max(document.documentElement.scrollHeight,

        document.documentElement.clientHeight);

        var docWidth = Math.max(document.documentElement.scrollWidth,

        document.documentElement.clientWidth);

        var _div = document.createElement('div');

        _div.className = 'divClass';

        _div.setAttribute('id', 'divId');

        document.body.appendChild(_div);

        document.getElementById('divId').style.width = docWidth + 'px';

        document.getElementById('divId').style.height = docHeight + 'px';

        var _divAlert = document.createElement('div');

        _divAlert.className = 'divalert';

        _divAlert.id = 'divalert';

        document.body.appendChild(_divAlert);

        document.getElementById('divalert').style.left = (document.documentElement.clientWidth - 200)/2 + 'px';

        document.getElementById('divalert').style.top = (document.documentElement.clientHeight - 100)/2 + 'px';

        var _divContent = document.createElement('div');

        _divContent.id = 'divcontent';

        _divAlert.appendChild(_divContent);

        var _divbtn = document.createElement('div');

        _divbtn.id = 'divbtn';

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

javascript怎么实现真正的模态窗口

相关资料更多>

推荐阅读更多>