HTML之所以稱為超文本標(biāo)記語(yǔ)言,是因?yàn)槲谋局邪怂^“超級(jí)鏈接”點(diǎn)。所謂超級(jí)鏈接,就是一種URL指針,通過(guò)激活(點(diǎn)擊)它,可使瀏覽器方便地獲取新的網(wǎng)頁(yè)。這也是HTML獲得廣泛應(yīng)用的最重要的原因之一。
TML是一種規(guī)范,一種標(biāo)準(zhǔn),它通過(guò)標(biāo)記符號(hào)來(lái)標(biāo)記要顯示的網(wǎng)頁(yè)中的各個(gè)部分。網(wǎng)頁(yè)文件本身是一種文本文件,通過(guò)在文本文件中添加標(biāo)記符,可以告訴瀏覽器如何顯示其中的內(nèi)容(如:文字如何處理,畫面如何安排,圖片如何顯示等)。瀏覽器按順序閱讀網(wǎng)頁(yè)文件,然后根據(jù)標(biāo)記符解釋和顯示其標(biāo)記的內(nèi)容,對(duì)書寫出錯(cuò)的標(biāo)記將不指出其錯(cuò)誤,且不停止其解釋執(zhí)行過(guò)程,編制者只能通過(guò)顯示效果來(lái)分析出錯(cuò)原因和出錯(cuò)部位。但需要注意的是,對(duì)于不同的瀏覽器,對(duì)同一標(biāo)記符可能會(huì)有不完全相同的解釋,因而可能會(huì)有不同的顯示效果。?
要想在頁(yè)面上顯示各種符號(hào),需要根據(jù)html的符號(hào)對(duì)照表來(lái)進(jìn)行編寫。?
p&br&hr
p 表示段落,默認(rèn)段落上下會(huì)有行間距;?
br 是換行,自閉和標(biāo)簽;?
hr 是橫線;
Iframe:嵌套頁(yè)面
iframe常用屬性:
1.frameborder:是否顯示邊框,1(yes),0(no)
2.height:框架作為一個(gè)普通元素的高度,建議在使用css設(shè)置。
3.width:框架作為一個(gè)普通元素的寬度,建議使用css設(shè)置。
4.name:框架的名稱,window.frames[name]時(shí)專用的屬性。
5.scrolling:框架的是否滾動(dòng)。yes,no,auto。
6.src:內(nèi)框架的地址,可以使頁(yè)面地址,也可以是圖片的地址。
7.srcdoc , 用來(lái)替代原來(lái)HTML body里面的內(nèi)容。但是IE不支持, 不過(guò)也沒(méi)什么卵用
8.sandbox: 對(duì)iframe進(jìn)行一些列限制。
上面一些tag,會(huì)在下文進(jìn)行穿插說(shuō)明,單個(gè)不好說(shuō)。
上面一些tag,會(huì)在下文進(jìn)行穿插說(shuō)明,單個(gè)不好說(shuō)。
我們通常使用iframe最基本的特性,就是能自由操作iframe和父框架的內(nèi)容(DOM). 但前提條件是同域. 如果跨域頂多只能實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)window.location.href.
那什么是同域/ 什么是跨域呢?
就是判斷你的url首部是否一樣,下面會(huì)有講解,這里只是提及。
同域不同域的問(wèn)題:
A:<iframe id="mainIframe" name="mainIframe" src="/main.html" frameborder="0" scrolling="auto"></iframe>
B:<iframe id="mainIframe" name="mainIframe" src="http://www.baidu.com" frameborder="0" scrolling="auto"></iframe>
使用A時(shí),因?yàn)橥颍疙?yè)面可以對(duì)子頁(yè)面進(jìn)行改寫,反之亦然。
使用B時(shí),不同域,父頁(yè)面沒(méi)有權(quán)限改動(dòng)子頁(yè)面,但可以實(shí)現(xiàn)頁(yè)面的跳轉(zhuǎn)
這里,我們先從簡(jiǎn)單的開始,當(dāng)主頁(yè)面和iframe同域時(shí),我們可以干?些什么。
獲取Iframe里的內(nèi)容:
主要的兩個(gè)API就是contentWindow,和contentDocument?iframe.contentWindow, 獲取iframe的window對(duì)象?iframe.contentDocument, 獲取iframe的document對(duì)象,這兩個(gè)API只是DOM節(jié)點(diǎn)提供的方式(即getELement系列對(duì)象)。
另外更簡(jiǎn)單的方式是,結(jié)合Name屬性,通過(guò)window提供的frames獲取。
在iframe中獲取父級(jí)內(nèi)容:
同理,在同域下,父頁(yè)面可以獲取子iframe的內(nèi)容,那么子iframe同樣也能操作父頁(yè)面內(nèi)容。在iframe中,可以通過(guò)在window上掛載的幾個(gè)API進(jìn)行獲取.。
window.parent 獲取上一級(jí)的window對(duì)象,如果還是iframe則是該iframe的window對(duì)象
window.top 獲取最頂級(jí)容器的window對(duì)象,即,就是你打開頁(yè)面的文檔
window.self 返回自身window的引用。可以理解 window===window.self(腦殘)
window.blanl 獲取當(dāng)前的window對(duì)象
a:跳轉(zhuǎn)頁(yè)面(HTTP GET 請(qǐng)求)
Html中 標(biāo)簽定義一個(gè)超鏈接,用于從一張頁(yè)面鏈接到另一張頁(yè)面,主要包括的屬性有:
id:指定標(biāo)簽的id;
name:指定標(biāo)簽的名稱;
target:規(guī)定在何處打開鏈接文檔,可能的只有:
_blank: 在新窗口中打開被鏈接文檔。
_self: 默認(rèn)。在相同的框架中打開被鏈接文檔。
_parent: 在父框架集中打開被鏈接文檔。
_top: 在整個(gè)窗口中打開被鏈接文檔。
framename: 在指定的框架中打開被鏈接文檔。
title:設(shè)置鼠標(biāo)懸停在超鏈接上的時(shí)候,顯示該超鏈接的文字注釋;
mailto:創(chuàng)建E-mail鏈接,參數(shù)即為收件人地址;
cousor:指定鼠標(biāo)移上去樣式,可能的只有:
url
需被使用的自定義光標(biāo)的URL
注釋:請(qǐng)?jiān)诖肆斜淼哪┒耸冀K定義一種普通的光標(biāo),以防沒(méi)有由 URL 定義的可用光標(biāo)。
default 默認(rèn)光標(biāo)(通常是一個(gè)箭頭)
auto 默認(rèn)。瀏覽器設(shè)置的光標(biāo)。
crosshair 光標(biāo)呈現(xiàn)為十字線。
pointer 光標(biāo)呈現(xiàn)為指示鏈接的指針(一只手)
move 此光標(biāo)指示某對(duì)象可被移動(dòng)。
e-resize 此光標(biāo)指示矩形框的邊緣可被向右(東)移動(dòng)。
ne-resize 此光標(biāo)指示矩形框的邊緣可被向上及向右移動(dòng)(北/東)。
nw-resize 此光標(biāo)指示矩形框的邊緣可被向上及向左移動(dòng)(北/西)。
n-resize 此光標(biāo)指示矩形框的邊緣可被向上(北)移動(dòng)。
se-resize 此光標(biāo)指示矩形框的邊緣可被向下及向右移動(dòng)(南/東)。
sw-resize 此光標(biāo)指示矩形框的邊緣可被向下及向左移動(dòng)(南/西)。
s-resize 此光標(biāo)指示矩形框的邊緣可被向下移動(dòng)(北/西)。
w-resize 此光標(biāo)指示矩形框的邊緣可被向左移動(dòng)(西)。
text 此光標(biāo)指示文本。
wait 此光標(biāo)指示程序正忙(通常是一只表或沙漏)。
help 此光標(biāo)指示可用的幫助(通常是一個(gè)問(wèn)號(hào)或一個(gè)氣球)。
Form:跳轉(zhuǎn)頁(yè)面(HTTP POST 請(qǐng)求)
標(biāo)簽用于為用戶輸入創(chuàng)建 HTML 表單。
表單能夠包含 input 元素,比如文本字段、復(fù)選框、單選框、提交按鈕等等。
表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。
表單用于向服務(wù)器傳輸數(shù)據(jù)。
Input 系列:
Checkbox:多選框;
radio:?jiǎn)芜x框
filedset:獲得一個(gè)有名字的邊框
text:明文輸入信息
password:密文輸入信息
button:按鈕
submit:提交
reset:重置
file:選擇文件
textarea:備注信息框
form:表單,設(shè)置submit、reset數(shù)據(jù)的范圍,一般在一個(gè)form里的數(shù)據(jù)會(huì)被一起提交
ul:帶點(diǎn)的列表
ol:帶序號(hào)的列表
dl:遞歸的列表