利用jQuery ui dialog 显示表单对话框通用JS方法

function showPage2(url, dialogWidth, dialogHeight,title) {
    /// <summary>
    /// 利用jQuery ui dialog 显示表单对话框；
    ///注：调用本方法前，请确认已在本页面中加载jquery.js和jquery-ui.js以及jquery-ui.min.css文件
    /// </summary>
    /// <param name="url">要显示表单页面地址</param>
    /// <param name="dialogWidth">页面宽度</param>
    /// <param name="dialogHeight">页面高度</param>
    url = url.indexOf("?") > 0 ? url + "&isDlg=1" : url + "?isDlg=1";
    var divId = "dialog" + Math.round(Math.random() * 100);
    $("body").append('<div id="' + divId + '" style="display:none;">test</div>');
    $("#" + divId).dialog({
        autoOpen: false
        , modal: true
        , width: dialogWidth + 30
        , height: dialogHeight + 70
        , title: title
        , show: {
            effect: 'fade',
            duration: 500
        }
        , hide: {
            effect: 'fade',
            duration: 300
        }
        , beforeClose: function () {
            $(this).find("iframe").attr("src", "");
        }
        , close: function (event, ui) {
            $(this).dialog("destroy");
        }
    });
    $("#" + divId).dialog("open");
    $("#" + divId).html('<iframe src="' + url + '" frameborder="0" style="width:' + dialogWidth + 'px;height:' + dialogHeight + 'px;"></iframe>');
    return divId;
}