您的位置:首页 > Web前端 > JQuery

Jquery EasyUI 弹出div对话框引入其他页面(iframe)

2015-12-17 14:59 609 查看
在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');
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: