easyui dialog 中嵌入html页面
2018-06-24 00:42:57来源：未知 阅读 ()
最近使用easyui比较多，这个插件确实很好用。在使用时也遇到了大大小小的问题，好在都一一解决了。
记录一下今天遇到的问题。
目的：用easyui的dialog嵌入一个html页面（html中仍有要执行的脚本内容）
方法一：
使用href属性，失败。
经过测试，如果easyui dialog的地址属性用href超链接，easyui 不会加载整个url页面，只会截取url目标页的body体间的html。
easyui官网上关于href属性的说明是：
属性href，类型string，一个URL，用它加载远程数据并且显示咋面板（panel）里。请注意，除非面板（panel）打开，否则内容不会被加载。这对创建一个惰性加载的面板（panel）很有用。
（惰性加载面板本人不太理解）
方法二：
使用content属性，成功。
html代码：
1 <div id="dialog" class="easyui-dialog" closed="true"></div>
js代码：
1 $("#dialog").dialog({ 2 title:'your title'， 3 width:1000, 4 height:600, 5 modal:true, 6 content:"<iframe scrolling='auto' frameborder='0' src='aaa.html' style='width:100%; height:100%; display:block;'></iframe>" 7 });
$("#dialog").dialog("open"); // 打开dialog
成功！
注意：用此种方式的时候，在html代码的<div>中必须写class="easyui-dialog"这个属性。否则会弹出很多错误。
2017-11-06 15:15:39
标签：
版权申明：本站文章部分自网络，如有侵权，请联系：west999com@outlook.com
特别注意：本站所有转载文章言论不代表本站观点，本站所提供的摄影照片，插画，设计作品，如需使用，请与原作者联系，版权归原作者所有
- jQuery EasyUI tree增加搜索功能的实现方法 2019-12-17
- Easyui datagrid 实现表格记录拖拽 2019-01-21
- Easyui datagrid 设置内容超过单元格宽度时自动换行显示 2019-01-16
- easyui 前端实现分页 复制就能用 2019-01-15
- Easyui datagrid 扩展单元格textarea editor 2019-01-15
IDC资讯： 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营： 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程： Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术： Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧： 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作： FrontPages Dreamweaver Javascript css photoshop fireworks Flash
