網頁的框架

2022-07-11 10:06:07 字數 1882 閱讀 8699

一、製作框架頁面的步驟:

1.編寫所有子框架頁面

2.編寫主框架頁面

3.在主框架頁面中設定子框架名稱

4.如果框架頁面之間存在鏈結,在子框架中設定鏈結。

注意:框架頁面是不含標籤的

二、基本語法

您的瀏覽器不支援框架,請考慮公升級您的瀏覽器!

定義框架的基本語法

框架由一對定義

有兩個屬性:rows和cols

rows定義上下分割的框架的大小;

cols定義左右分割的框架的大小;

在定義大小時,rows和cols可以使用相對大小或以百分比為單位。

各視窗的尺寸設定

橫排多個視窗

排列方式:ab

c縱向排列多個視窗

排列方式:a b c

cols & rows:縱橫排列多個視窗

排列方式:

b
a

c框架邊框的顏色

bordercolor="ff0000「

各視窗邊框的設定

frameborder=#

框架邊框的寬度

framespacing=」10″

三、的屬性

name:定義該框架的名字。這個名字可以被一些網頁元素引用,如被元素引用。

src:在本框架裡顯示網頁的url。

target:目標框架,引用的是目標框架的名字。

在當前框架中開啟超連結頁面

預設就是在當前框架頁中開啟,也可以採用target=「_self」

在指定框架中開啟超級鏈結頁面

target=「name」

新開視窗開啟鏈結頁面

target=「_blank」

跳出整個框架集

target=「_parent」

scrolling:是否顯示滾動條。yes, no, auto

noresize:框架在瀏覽器裡不可以被調整大小。

iframe

定義和用法

iframe 元素會建立包含另外乙個文件的內聯框架(即行內框架)。

iframe常用屬性:

frameborder:是否顯示邊框,1(yes),0(no)

height:框架作為乙個普通元素的高度,建議在使用css設定。

width:框架作為乙個普通元素的寬度,建議使用css設定。

name:框架的名稱,window.frames[name]時專用的屬性。

scrolling:框架的是否滾動。yes,no,auto。

當主頁面和iframe同域時,我們可以獲取iframe裡的內容:主要的兩個api就是contentwindow,和contentdocument

iframe.contentwindow, 獲取iframe的window物件

iframe.contentdocument, 獲取iframe的document物件

這兩個api只是dom節點提供的方式(即getelement系列物件)

var iframe = document.getelementbyid("iframe1");

var iwindow = iframe.contentwindow;

var idoc = iwindow.document;

console.log("window",iwindow);//獲取iframe的window物件

console.log("document",idoc); //獲取iframe的document

console.log("html",idoc.documentelement);//獲取iframe的html

console.log("head",idoc.head); //獲取head

console.log("body",idoc.body); //獲取body

網頁框架若干點

1,網頁框架主要由 frameset frame iframe三個標籤完成。2,frameset標籤與body標籤不能共存,從這個角度來講可以將html檔案分為兩類 顯示內容和組織結構的,帶有body標籤的就是顯示內容的網頁,帶有frameset標籤的就是組織結構的網頁。3,frameset標籤通過...

關閉框架網頁 C

找了好久,終於找到了你,可以在c 裡自己寫 然後呼叫就可以了,已經測試了,不錯的,讓我們來謝謝這位原創者吧!關閉框架頁面 if page.ispostback else private void btnzx click object sender,system.eventargs e private...

HTML靜態網頁 框架

框架 1 frameset frameset最外層的去掉body,直接用frameset 在超級鏈結指定目標頁面顯示在哪個框架視窗中 第一步 給要顯示內容的目標frame設定name屬性 讓整個frameset頁面跳轉至某個頁面 把超連結的target屬性設定為 top 2 iframe 在原來頁面...