iframe學習筆記

2021-08-04 11:41:51 字數 882 閱讀 1669

今天學習了一下iframe,現在對其應用做下小結。新手,不喜勿噴~

用iframe是為了通過導航欄,來實現子頁面的跳轉。

首先,現用jquery ui layout將頁面分成了兩部分,

如圖,

然後用新增了標題欄和導航欄,如圖

然後在layout-center中,通過js導航iframe**

<

div

class=

"ui-layout-center "

>

<

div

class=

"ipage"

>

<

iframe

class=

"ui-layout-center"

id="src-page"

frameborder=

"0"

scrolling=

"auto"

>

iframe

>

div>

div>

$

(document

).ready

(function

() )

});

最終實現了iframe頁面的加入,如圖

為了自己的學習,寫篇部落格記錄下~

iframe 學習筆記(1)

大家在製作網頁的時候,或多或少都會用到iframe框架結構,框架結構或稱幀結構 frame 網頁表現為乙個網頁內的某一塊保持固定,其它部分資訊可以通過滾動條上下或左右移動顯示。白話解釋 在頁面中建立乙個區域,改區域可以引用其他頁面的內容 整個頁面 iframe常用屬性 1.border 設定框架的邊...

iframe學習總結

iframe一般用來包含別的頁面,例如我們可以在我們自己的 頁面載入別人 的內容,為了更好的 1 iframe 定義和用法 iframe 元素會建立包含另外乙個文件的內聯框架 即行內框架 html 與 xhtml 之間的差異 在 html 4.1 strict dtd 和 xhtml 1.0 str...

關於iframe與frame的學習

1 frame不能脫離frameset單獨使用,iframe可以 2 frame不能放在body中,否則不能正常顯示 frame不能和body同時使用 iframe可以和body同時使用 3 巢狀在frameset中的iframe必需放在body中,不巢狀在frameset中的iframe可以隨意使...