最近使用easyui比較多，這個(gè)插件確實(shí)很好用。在使用時(shí)也遇到了大大小小的問(wèn)題，好在都一一解決了。

記錄一下今天遇到的問(wèn)題。

目的：用easyui的dialog嵌入一個(gè)html頁(yè)面（html中仍有要執(zhí)行的腳本內(nèi)容）

方法一：

使用href屬性，失敗。

經(jīng)過(guò)測(cè)試，如果easyui dialog的地址屬性用href超鏈接，easyui 不會(huì)加載整個(gè)url頁(yè)面，只會(huì)截取url目標(biāo)頁(yè)的body體間的html。

easyui官網(wǎng)上關(guān)于href屬性的說(shuō)明是：

屬性href，類型string，一個(gè)URL，用它加載遠(yuǎn)程數(shù)據(jù)并且顯示咋面板（panel）里。請(qǐng)注意，除非面板（panel）打開(kāi)，否則內(nèi)容不會(huì)被加載。這對(duì)創(chuàng)建一個(gè)惰性加載的面板（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"); // 打開(kāi)dialog

成功！

注意：用此種方式的時(shí)候，在html代碼的<div>中必須寫class="easyui-dialog"這個(gè)屬性。否則會(huì)彈出很多錯(cuò)誤。

2017-11-06 15:15:39

?

轉(zhuǎn)載于:https://www.cnblogs.com/xiaobaodejimama/p/7793328.html

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

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。