Easyui dialog中嵌入iframe
如果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, });
效果:
作者:Chaunce
GitHub:https://github.com/liuyl1992
公众号请搜:架构师高级俱乐部 SmartLife_com
声明:原创博客请在转载时保留原文链接或者在文章开头加上本人博客地址,如发现错误,欢迎批评指正。凡是转载于本人的文章,不能设置打赏功能等盈利行为