最近使用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

?

轉載于:https://www.cnblogs.com/xiaobaodejimama/p/7793328.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的easyui dialog 中嵌入html页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。