溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

html中iframe有什么用

發(fā)布時(shí)間：2020-09-14 10:43:02 來源：億速云 閱讀：151 作者：小新 欄目：web開發(fā)

html中iframe有什么用？這個(gè)問題可能是我們?nèi)粘W(xué)習(xí)或工作經(jīng)常見到的。希望通過這個(gè)問題能讓你收獲頗深。下面是小編給大家?guī)淼膮⒖純?nèi)容，讓我們一起來看看吧！

html中iframe的用途：

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

我們來看一下iframe標(biāo)簽的屬性：

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

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

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

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

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

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

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

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

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

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

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

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

看完了iframe標(biāo)簽屬性的相關(guān)知識(shí)，我們接著就來看看html中iframe標(biāo)簽的用途

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

例子如下：

<!-- 
        <iframe> 標(biāo)簽規(guī)定一個(gè)內(nèi)聯(lián)框架
　　　　　這里寫p 標(biāo)簽是為了看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標(biāo)簽</p>
        </iframe>
     這是一些文本。 這是一些文本。 這是一些文本。這是一些文本。 這是一些文本。 這是一些文本。</p>

上面代碼中 iframe的src屬性為自己本地的一個(gè)html頁面

代碼如下：

<body>
    <div id="div" style="height: 300px; background: #ddd;">這是一個(gè)外部文件里面的內(nèi)容</div>
</body>
<script>
    var div = document.getElementById("div");
    console.log(div);
</script>

說明：有什么交互的部分也是寫到這個(gè)頁面中，iframe會(huì)自動(dòng)傳到引入的頁面的。

感謝各位的閱讀！看完上述內(nèi)容，你們對(duì)html中iframe有什么用大概了解了嗎？希望文章內(nèi)容對(duì)大家有所幫助。如果想了解更多相關(guān)文章內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手