明輝手游網(wǎng)中心：是一個免費提供流行視頻軟件教程、在線學習分享的學習平臺！

html中iframe如何使用？html中iframe標簽用途的說明

發(fā)表時間：2023-08-29 來源：明輝站整理相關軟件相關文章人氣：

[摘要]對于開發(fā)網(wǎng)站的朋友來說，iframe標簽一定是不陌生的，iframe元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（即行內(nèi)框架），我們可以在我們自己的網(wǎng)站頁面加載別人網(wǎng)站或者本站其他頁面的內(nèi)容，所以，接下來的本篇文章將給大家來介紹一下html中iframe的用途。首先對于iframe標簽我們已經(jīng)知道了ifr...
對于開發(fā)網(wǎng)站的朋友來說，iframe標簽一定是不陌生的，iframe元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（即行內(nèi)框架），我們可以在我們自己的網(wǎng)站頁面加載別人網(wǎng)站或者本站其他頁面的內(nèi)容，所以，接下來的本篇文章將給大家來介紹一下html中iframe的用途。

首先對于iframe標簽我們已經(jīng)知道了iframe 元素會創(chuàng)建包含另外一個文檔的內(nèi)聯(lián)框架（即行內(nèi)框架），那么，下面我們就直接來看html中iframe標簽的詳細使用。

我們來看一下iframe標簽的屬性：

1、align：left、right、top、middle、bottom。用于規(guī)定如何根據(jù)周圍的元素來對齊此框架。不贊成使用。請使用樣式代。

2、frameborder：1、0。用于規(guī)定是否顯示框架周圍的邊框。

3、height：pixels、%。用于規(guī)定iframe的高度。

4、longdesc：URL。規(guī)定一個頁面，該頁面包含了有關iframe的較長描述。

5、marginheight：pixels。定義iframe的頂部和底部的邊距。

6、marginwidth：pixels。定義iframe的左側(cè)和右側(cè)的邊距。

7、name：frame_name。規(guī)定iframe的名稱。

說明：如果點擊頁面中的鏈接時想在iframe中打開鏈接，只需要把iframe中的name屬性和a標簽中的target屬性（標簽的 target屬性規(guī)定在何處打開鏈接文檔）設置成一樣的就可以，例如：

<iframename="my"></iframe>
<ahref="http://www.php.cn" target="my"></a>

8、scrolling：yes、no、auto。規(guī)定是否在iframe中顯示滾動條。

9、src：URL。規(guī)定在iframe中顯示的文檔的URL。

10、width：pixels。%。定義iframe的寬度。

看完了iframe標簽屬性的相關知識，我們接著就來看看html中iframe標簽的用途

通常我們使用iframe直接在頁面嵌套iframe標簽指定的src就可以了

例子如下：

<!-- 
        <iframe> 標簽規(guī)定一個內(nèi)聯(lián)框架
　　　　　這里寫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;">這是一個外部文件里面的內(nèi)容</div>
</body>
<script>
    var div = document.getElementById("div");
    console.log(div);
</script>

說明：有什么交互的部分也是寫到這個頁面中，iframe會自動傳到引入的頁面的。

本篇文章到這里就全部結束了，更多精彩內(nèi)容大家可以關注php中文網(wǎng)�。�！

以上就是html中iframe如何使用？html中iframe標簽用途的介紹的詳細內(nèi)容，更多請關注php中文網(wǎng)其它相關文章！


網(wǎng)站建設是一個廣義的術語，涵蓋了許多不同的技能和學科中所使用的生產(chǎn)和維護的網(wǎng)站。