歡迎來到大唐傳易博客!

html5

當前位置:首頁 > 前端 > html5 >

iframe使用技術詳解

時間:2019-11-05|欄目:html5|網站標簽:|點擊:

    iframe標簽相比大家知道這個標簽,但是用的人也算比較少,畢竟性能問題,iframe標簽是html標簽的一種是文檔里面包含著另外一個文檔。因為在管理后臺(dedecms,thinkcmf,layui)等上面大量有運用到iframe技術,所以值得拿出來深入的研究下。

   

織夢后臺管理的iframe布局適應圖

 
   iframe標簽基礎:

   iframe代碼判斷示例:

   <iframe src="http://www.baidu.com"></iframe>

  可以看的出代碼結構是非常簡單的,iframe里的width插入頁的寬;height插入頁的高;scrolling 是否顯示頁面滾動條(可選的參數為 auto、yes、no,如果省略這個參數,則默認為auto);frameborder  邊框大小;frameborder 屬性規定是否顯示 iframe 周圍的邊框;
align:left、right、top、middle、bottom。用于規定如何根據周圍的元素來對齊此框架。不贊成使用。請使用樣式代替。srcdoc 屬性規定頁面的 HTML 內容顯示在行內框架中。allowfullscreen值是true和false,是否允許iframe全屏,默認為false。allowtransparencytrue or false是否允許iframe設置為透明,默認為false。

   iframe結合JavaScript操作
 
   
如圖所示我們通過window.selfwindow.parentwindow.top這三個屬性分別獲取自身window對象,父級window對象,頂級window對象。
 
    我們通常把iframe理解為盒子,而這個盒子跟傳統的div盒子不一樣,里面的內容是由window對象,父級window對象,頂級window對象三個來控制,就是說我們自定義的css標簽對于iframe的頁面是沒有任何影響的。用iframe.contentWindow, 獲取iframe的window對象來改變iframe對應的狀態。

   iframe的安全性問題

   畢竟iframe是可以嵌套來嵌套去,所以你的頁面也有可能被一些不法的網站給嵌套過去。那么我們就要懂點防嵌套技術。

   用JavaScript判斷是否是本域操作,如果不是的話,禁止行為并且提示。代碼如下:

 
if(window != window.top){
    window.top.location.href = correctURL;   
}
     如果大家有更多的iframe操作的話,歡迎留言區互相的探討謝謝。

上一篇:沒有了

欄????目:html5

下一篇:HTML/XML/JSON-數據格式的區別

本文標題:iframe使用技術詳解

本文地址:http://www.cajqou.live/qdzs/html5/752.html

您可能感興趣的文章

說點什么吧
  • 全部評論(0
    還沒有評論,快來搶沙發吧!

| |

如果侵犯了您的權利,請與我們聯系,我們將在24小時內進行處理、任何非本站因素導致的法律后果,本站均不負任何責任。

Copyright © 2016-2019 福州大唐傳易網絡科技有限公司 版權所有

北京pk10单双公式计算 贵州十一选五 湖北30选5 汇新智配资 股票融资买入额什么意思 七月1日北单比分推荐 黑龙江p62 什么股票配资平台靠谱 信投配资 竞彩比分怎样看立博 福建36选7 五分彩 网上配资 赢在投资 篮球比分直播118 浙江6+1 配股宝配资