一、製作框架頁面的步驟:
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 在原來頁面...