Html中 IFrame的用法及注意點
更新時間:2016年12月22日 15:44:07 作者:Supper_litt
這篇文章主要介紹了Html IFrame的用法及注意點,非常不錯,具有參考借鑒價值,需要的朋友可以參考下
0x01 iframe的跳出框架
0x02 iframe樣式設置
0x03 iframe重置高度
1、首先來一個,跳出iframe的好方法,直接可以在Login.aspx頁面使用。
if (window.parent.[IFRAME外殼的某方法]) { top.location.href = "Login.aspx"; }
2、再來段比較好看的iframe
<script type="text/javascript"> function SetWinHeight() { var obj = document.getElementById("content"); var win = obj; if (win && !window.opera) { if (win.contentDocument && win.contentDocument.body.offsetHeight) win.height = win.contentDocument.body.offsetHeight + 20; else if (win.Document && win.Document.body.scrollHeight) win.height = win.Document.body.scrollHeight + 20; } } window.onresize = function () { SetWinHeight(); } </script> <div class="page-body"> <iframe id="content" src="None.aspx" name="content" onload="javascript:SetWinHeight()" frameborder="0" scrolling="auto" style="min-height: 700px;" height="100%" width="100%"></iframe> </div>
3、子頁面的使用,子頁面,在調整大小后,可以調用父頁面的SetWinHeight就可用把布局弄好看了。
if (window.parent.SetWinHeight) window.parent.SetWinHeight();
以上所述是小編給大家介紹的Html之 IFrame使用及注意點,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持!
您可能感興趣的文章:
- Vue 使用iframe引用html頁面實現(xiàn)vue和html頁面方法的調用操作
- html判斷當前頁面是否在iframe中的實例
- js取得html iframe中的元素和變量值
- 在Flex(Flash)中嵌入HTML代碼或頁面(Flex IFrame)
- 設置iframe的document.designMode后僅Firefox中其body.innerHTML為br
- js中訪問html中iframe的文檔對象的代碼[IE6,IE7,IE8,FF]
- 讓iframe自適應高度(支持XHTML,支持FF)
- 讓iframe自適應高度(支持xhtml)IE firefox兼容
- HTML iframe標簽用法案例詳解
相關文章
使用JavaScript實現(xiàn)計算顏色的相對亮度并確定相應的文本顏色
這篇文章主要為大家詳細介紹了如何使用JavaScript實現(xiàn)計算顏色的相對亮度并確定相應的文本顏色,感興趣的小伙伴可以跟隨小編一起學習一下2024-04-04Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置
這篇文章主要介紹了Bootstrap fileinput 上傳新文件移除時觸發(fā)服務器同步刪除的配置 ,需要的朋友可以參考下2018-10-10JS實現(xiàn)顯示帶倒影的圖片橫排居中放大展示特效實例【測試可用】
這篇文章主要介紹了JS實現(xiàn)顯示帶倒影的圖片橫排居中放大展示功能,可實現(xiàn)點擊圖片及點擊左右按鈕滑動切換的效果,涉及javascript針對鼠標事件的響應及頁面元素動態(tài)操作相關技巧,需要的朋友可以參考下2016-08-08