Jquery EasyUI 弹出div对话框引入其他页面（iframe）

最新推荐文章于 2022-07-07 11:27:55 发布

diancuiji9577

最新推荐文章于 2022-07-07 11:27:55 发布

阅读量383

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/yanergui/p/5624778.html

版权

在jquery easyui官方下载最新版demo1.4.4。。

引用

<link href="../css/easyui.css" rel="stylesheet" type="text/css" />
    <script src="../js/jquery.min.js" type="text/javascript"></script>
    <script src="../js/jquery.easyui.min.js" type="text/javascript"></script>

//url：窗口调用地址，title：窗口标题，width：宽度，height：高度，shadow：是否显示背景阴影罩层
function showMessageDialog(url, title, width, height, shadow) {
    var content = '<iframe src="' + url + '" width="100%" height="99%" frameborder="0" scrolling="no"></iframe>';
    var boarddiv = '<div id="msgwindow" title="' + title + '"></div>'//style="overflow:hidden;"可以去掉滚动条
    $(document.body).append(boarddiv);
    var win = $('#msgwindow').dialog({
        content: content,
        width: width,
        height: height,
        modal: shadow,
        title: title,
        onClose: function () {
            $(this).dialog('destroy');//后面可以关闭后的事件
        }
    });
    win.dialog('open');
}

转载于:https://www.cnblogs.com/yanergui/p/5624778.html