Iframe 定義內聯的子窗口(框架)


 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所在的 地方


還可返回到指定的位置,只有每個點設置相應的屬性,如上。

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM