web 前台页面内弹出框（一）

本文已经不推荐在使用了，有更加优秀的 ，详情参考layui弹出层

前端当前页面编辑一些数据时，往往会用到弹出窗口，但每个页面单独修改有显得比较麻烦，因此，可以建立一个公用的方法，去掉用就可以了；

先上效果图

上图就是效果图，如果不是你想找的类型，请绕道。

1.创建方法

function OpenDetial(id, url, title, width, height) {
    debugger;
    var _srcWidth = parseInt(screen.width);
    var _srcHeight = parseInt(screen.height);
    _width = parseInt(width) || _srcWidth;
    _height = parseInt(height) || _srcHeight;
 
    var cssWidth = width == undefined ? "100%" : _width;
    var cssHeight = height == undefined ? "100%" : _height;
 
    var left = (_srcWidth - _width) == 0 ? 0 : ((_srcWidth - _width) / 2 - 300);
    var top = (_srcHeight - _height) == 0 ? 0 : ((_srcHeight - _height) / 2 - 100);
 
 
    var _id = "#" + id;
    var close = "CloseDetial('" + id + "')";
    var detial =
        '
'
        + '
'
        + '
'
        + '
'
        + ' '" title="关闭" style="border:1px solid #22acac"   class="button green"> 关 闭 '
        + ' 
'