对于实现弹出框的写法

首先，我们要在jsp先写两个弹框的div,一个是弹出，一个是关闭：

     <!-- //弹出框 -->

   <div id=" energyItemDict"></div>

<!--遮罩层显示的DIV1-->

    <div id=" energyItemDictDiv" style="display:none;"></div>

在新增的时候给他一个点击事件

<button id="addEnergyItem" class="btn btn-primary mt5 fr mr15"

                    style="margin-left: 10px;background-color: #116257;border-color: #116257;"

                    οnclick=" addEnergyItem(' energyItemDictDiv')";>&nbsp;新&nbsp;增&nbsp;</button>

        </h1>

添加页面如下：

function addEnergyItem() {

        var url = "energyItem/addEnergyItemPage";

        if (url != null && url != 'javascript:;') {

            $.get(url, function(data) {

                $('# energyItemDictDiv').html(data);

            });

        }

        ;

        ShowDIV('energyItemDictDiv');

    }

关闭按钮，给他一个点击事件

<a href="javascript:;" id="btnClose" οnclick="closeDiv('energyItemDictDiv')">关闭</a></h2>

在页面上取消：

<button type="button" style="background: #5A5A5A"

             οnclick="closeDiv('energyItemDictDiv')">取&nbsp;&nbsp;消</button>

------------------------------------------------添加弹出框完成