在做后台開發的時候,使用了iframe框架。后台主頁面如下:
<div style="width:185px; overflow: hidden;" id="west" data-options="region:'west',split:true,title:'功能菜單'"> <div class="easyui-accordion" fit="true" border="false"> <iframe name="leftFrame" id="leftFrame" width="100%" height="100%" scrolling="yes" frameborder="NO" style="width:100%;background-color:transparent;" allowTransparency="true"></iframe> </div> </div> <div id="mainPanle" region="center" style="background: #eee; overflow:hidden; z-index: 10;"> <!--height:100%;--> <div id="tabs" class="easyui-tabs" fit="true" border="false"> <!--style="height:100%;"--> <div title="歡迎使用" style="text-align:center;width:100%;height:100%;vertical-align:middle; text-align:center;" id="home"> <iframe name="mainFrame" scrolling="auto" height="99%" width="100%" frameborder="0" src="welcome.html" ></iframe> </div> </div> </div>
菜單頁面在leftFrame中打開,點擊菜單調用父頁面的一個js方法:
window.parent.addTab(menuid,menuname,url);
上面的代碼發布到服務器下訪問沒問題,但是在本地文件路徑下執行就會報錯:
這里設計到跨域訪問的問題,如果非要在本地來訪問,可以這是chrome的參數。
1.打開chrome快捷方式->屬性
2.末尾添加:
--args --disable-web-security
3.重新啟動瀏覽器
注意:
如果你的chrome版本是49以上,則需要做如下設置
"C:\Program Files (x86)\Google\Chrome\Application\chrome.exe" --disable-web-security --user-data-dir=E:\MyChromeDevUserData
藍色部分可以自定義