1、Iframe 定義內聯的子窗口(框架),用於在網頁內顯示網頁
語法:
- <iframe src="URL"></iframe>URL 指向隔離頁面的位置,height 和 width 屬性用於規定 iframe 的高度和寬度。
- frameborder 屬性規定是否顯示 iframe 周圍的邊框。設置屬性值為 "0" 就可以移除邊框。
- <iframe src="demo_iframe.htm" frameborder="0"></iframe>
- 鏈接的 target 屬性必須引用 iframe 的 name 屬性
- <iframe src="demo_iframe.htm" name="iframe_a"></iframe>
- <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
iframe的概念:
- iframe是文檔內的窗口,顯示網頁
- scrolling:是否出現的滾動條,yes、no、auto(默認)
- frameborder:是否出現邊框,0表示無,1表示有
- marginwidth:內容與
<iframe src="http://www.baidu.com" frameborder="1" width="200" height="400"
marginwidth="500"marginheight="300" scrolling="auto">
- frameborder="1" 設置窗口邊框大小
- width="200" 窗口寬
- height="400" 窗口高
- marginwidth="500"屬性規定框架內容與框架的左側和右側之間的高度,以像素計,效果不大,很多瀏覽器都不支持
- marginheight="300" 屬性規定框架內容與框架的上方和下方之間的高度,以像素計,效果不大,很多瀏覽器都不支持
- scrolling="auto" ,yes -- 顯示滾動條,no -- 不顯示滾動條,auto當需要時再顯示滾動條,缺省值為autoscroll,中文"滾動軸"的意思
2、frame框架
實例:
1 <form> 2 <a href="http://www.baidu.com" target="myiframe">打開百度</a> 3 <a href="http://www.qq.com" target="myiframe">打開百度</a> 4 <iframe src="http://www.qq.com" frameborder="1" width="500" height="500" 5 name="myiframe">打開</iframe> 6 </form>
注: a標簽是一個超鏈接,target屬性設置一個名字,為了跟框架窗口鏈接的,在窗口中也顯示這個地 址的內容。
iframe(框架)里的src:屬性設置了以地址,frameborder設置邊框,即寬高,name屬性設置為a 標簽中的target名稱
效果: 打開網頁時,框架窗口的里會自動打開src所鏈接的地址內容,但是當你單擊打開百度時,框架中
會顯示iframe所設置的對應的target所在的a標簽鏈接的地址。
a標簽:
3、a用做錨點:
<h2 id="top">哈哈</h2>,設置id
<a href="#top">返回頂部</a>,單擊“返回頂部”即可返回到h2所在的 地方
還可返回到指定的位置,只有每個點設置相應的屬性,如上。