html中iframe如何使用?html中iframe標簽用途的說明
發表時間:2023-08-29 來源:明輝站整理相關軟件相關文章人氣:
[摘要]對于開發網站的朋友來說,iframe標簽一定是不陌生的,iframe元素會創建包含另外一個文檔的內聯框架(即行內框架),我們可以在我們自己的網站頁面加載別人網站或者本站其他頁面的內容,所以,接下來的本篇文章將給大家來介紹一下html中iframe的用途。首先對于iframe標簽我們已經知道了ifr...
對于開發網站的朋友來說,iframe標簽一定是不陌生的,iframe元素會創建包含另外一個文檔的內聯框架(即行內框架),我們可以在我們自己的網站頁面加載別人網站或者本站其他頁面的內容,所以,接下來的本篇文章將給大家來介紹一下
html中iframe的用途。首先對于iframe標簽我們已經知道了iframe 元素會創建包含另外一個文檔的內聯框架(即行內框架),那么,下面我們就直接來看html中iframe標簽的詳細使用。
我們來看一下iframe標簽的屬性:
1、align:left、right、top、middle、bottom。用于規定如何根據周圍的元素來對齊此框架。不贊成使用。請使用樣式代。
2、frameborder:1、0。用于規定是否顯示框架周圍的邊框。
3、height:pixels、%。用于規定iframe的高度。
4、longdesc:URL。規定一個頁面,該頁面包含了有關iframe的較長描述。
5、marginheight:pixels。定義iframe的頂部和底部的邊距。
6、marginwidth:pixels。定義iframe的左側和右側的邊距。
7、name:frame_name。規定iframe的名稱。
說明:如果點擊頁面中的鏈接時想在iframe中打開鏈接,只需要把iframe中的name屬性和a標簽中的target屬性(標簽的 target屬性規定在何處打開鏈接文檔)設置成一樣的就可以,例如:
<iframename="my"></iframe>
<ahref="http://www.php.cn" target="my"></a>
8、scrolling:yes、no、auto。規定是否在iframe中顯示滾動條。
9、src:URL。規定在iframe中顯示的文檔的URL。
10、width:pixels。%。定義iframe的寬度。
看完了iframe標簽屬性的相關知識,我們接著就來看看html中iframe標簽的用途
通常我們使用iframe直接在頁面嵌套iframe標簽指定的src就可以了
例子如下:
<!--
<iframe> 標簽規定一個內聯框架
這里寫p 標簽是為了看align的效果
-->
<p style="overflow: hidden;">這是一些文本。 這是一些文本。 這是一些文本。這是一些文本。 這是一些文本。 這是一些文本。
<iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">
<p>你的瀏覽器不支持iframe標簽</p>
</iframe>
這是一些文本。 這是一些文本。 這是一些文本。這是一些文本。 這是一些文本。 這是一些文本。</p>
上面代碼中 iframe的src屬性為自己本地的一個html頁面
代碼如下:
<body>
<div id="div" style="height: 300px; background: #ddd;">這是一個外部文件里面的內容</div>
</body>
<script>
var div = document.getElementById("div");
console.log(div);
</script>
說明:有什么交互的部分也是寫到這個頁面中,iframe會自動傳到引入的頁面的。
本篇文章到這里就全部結束了,更多精彩內容大家可以關注php中文網!!!
以上就是html中iframe如何使用?html中iframe標簽用途的介紹的詳細內容,更多請關注php中文網其它相關文章!
網站建設是一個廣義的術語,涵蓋了許多不同的技能和學科中所使用的生產和維護的網站。