JavaScript 网页图片弹出窗,及取消

    今天写了pc和phone两端的网页儿,学了不少东西,一路踩坑.

    事件触发弹出窗,这里是弹图片,js里不知道有没有图片弹窗API,应该没有,但是通过alert应该也能实现!

        <!-- 通过display来控制该div显示和隐藏 -->
        <div class="dialog">
            <img id="dialogImg" src="images/options_add_wechart_dialog.jpg"
                 style="display: none" width="310" height="407" onclick="cancelDialog()">
        </div>

        //对话框弹出及取消(当然这是在script里)
        function alertDialog() {
            document.getElementById('dialogImg').style.display = "block"
        }
        function cancelDialog() {
            document.getElementById('dialogImg').style.display = "none"
        }