iframe深度理解

2021-07-31 22:39:36 字數 1109 閱讀 1960

前言

如果你的頁面是乙個後台管理頁面,那麼你一定對iframe不陌生。從h5定稿開始,在涉及框架引入頁面時,統一建議使用iframe來進行相關的資源嵌入。

使用場景

1、通常在不希望整體頁面跳轉,只需要主體頁面跳轉,則需要加入iframe標籤來作為展示頁面的視窗,通常在管理後台 、qq郵箱等管理介面應用比較多。

2、iframe 的屬性中有src以及name屬性 ,通過這兩個屬性可以搭配a標籤實現第一條的需求,name是a連線target屬性的指向位址,而src的位址可以通過a的href來改變

基本屬性

2、name 大多數標籤都有的自帶屬性,在input中為特殊含義 指代資料項的型別,而在iframe中可以用來當做目標

3、frameborder 框架的邊框可以用cssborder 代替

4、width 一般由展示的空間決定寬度 ,height一般由載入頁面的高度確定

5、scrolling :auto yes no ,也可以用css 的overflow 的相關屬性來控制

iframe獲取子頁面的高度

//父頁面載入獲取高度 

標籤內事件 : onload="this.height=this.contentwindow.document.documentelement.scrollheight"

js指令碼通用事件

$( "iframe").load( function

() )

//子頁面載入之後 改變高度 

var htmlheight=$("body").height()+30;

$("#iframe", window.parent.document).height(htmlheight);

父子頁面元素的獲取

// 父頁面獲取子頁面的元素 

$("#iframe").contents().find("#body")

//子頁面獲取父頁面的元素

$(window.parent.document).find("#iframe")

深度理解函式

我們知道每一次函式的呼叫都是乙個過程,這個過程我們通常稱為 函式的呼叫過程。這個過程要為函式開闢棧空間,用於本次函式的呼叫過程中臨時變數的儲存 現場保護。這塊棧空間被稱為函式棧幀。在理解函式的棧幀之前,我們需要了解幾個特殊的暫存器和一些彙編指令。eip 程式計數器,存放當前指令的下一條指令的位址 e...

深度理解指標

首先,指標是什麼呢?我們看這樣一段 includeint main 知道了這些以後,讓我們再來看幾個有關指標的定義。指標陣列 指標陣列是陣列,是乙個存放指標的陣列。舉個栗子 int arr1 10 表示每個陣列元素是一級指標,int表示指標指示的型別是整型 char arr2 4 表示每個陣列元素是...

指標深度理解

指標陣列 乙個陣列,若其元素均為指標型別資料,稱為指標陣列。也就是說,指標陣列中每乙個元素都相當於乙個指標變數。其詳細形式應該如下 a 0 a n 每乙個陣列裡面儲存的是其指向的位址 一維指標陣列的定義形式為 型別名 陣列名 陣列長度 例如 int p 4 由於比 優先順序更高,因此p先與 4 結合...