码迷,mamicode.com
首页 > 其他好文 > 详细

Easyui dialog中嵌入iframe

时间:2017-01-06 10:56:08      阅读:274      评论:0      收藏:0      [点我收藏+]

标签:app   color   board   引用   ima   clipboard   地址   rip   技术   

如果easyui dialog的地址属性用href超链接,easyui 不会加载整个url页面,只会截取url目标页的body体间的html,

如果想加载把其他页面 加载进dialog的iframe中,属性就要改用content。

 

引用:

<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>  

javascript:

var content = ‘<iframe src="‘ + "http://www.baidu.com" + ‘" width="100%" height="99%" frameborder="0" scrolling="no"></iframe>‘;
            $(‘#dd‘).dialog({
                content: content,
                noheader: true,
                border: true,
                resizable: false,//定义对话框是否可调整尺寸。
                maximized: true,//默认最大化
                modal: false,
});

效果:

技术分享

技术分享

Easyui dialog中嵌入iframe

标签:app   color   board   引用   ima   clipboard   地址   rip   技术   

原文地址:http://www.cnblogs.com/xiaoliangge/p/6255185.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!