溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
html中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會自動傳到引入的頁面的。
感謝各位的閱讀！看完上述內容，你們對html中iframe有什么用大概了解了嗎？希望文章內容對大家有所幫助。如果想了解更多相關文章內容，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
