什么是IFRAME
IFRAME是HTML標簽，作用是文檔中的文檔，或者浮動的框架(FRAME)。iframe元素會創建包含另外一個文檔的內聯框架（即行內框架）。
framet和frame標簽必須在一起使用。frame有一個重要的值是target，它表示在指定的框架中打開網頁；target可以配置四個參數：
1、blank：它表示在一個新的窗口中打開鏈接網頁，
2、top：它表示在本窗口中打開鏈接網頁，
3、parent：在上一層的框架中打開鏈接網頁，
4、lf：在超鏈接中打開鏈接網頁。
擴展資料
特點如下：
1、簡易性：超級文本標記語言版本升級采用超集方式，從而更加靈活方便。
2、可擴展性：超級文本標記語言的廣泛應用帶來了加強功能，增加標識符等要求，超級文本標記語言采取子類元素的方式，為系統擴展帶來保證。
3、平臺無關性：雖然個人計算機大行其道，但使用MAC等其他機器的大有人在，超級文本標記語言可以使用在廣泛的平臺上，這也是萬維網（WWW）盛行的另一個原因。
4、通用性：另外，HTML是網絡的通用語言，一種簡單、通用的全置標記語言。它允許網頁制作人建立文本與圖片相結合的復雜頁面，這些頁面可以被網上任何其他人瀏覽到，無論使用的是什么類型的電腦或瀏覽器。
參考資料來源：百度百科-iframe
iframe組合頁面的用法？
iframe并不是很常用的，在標準的網頁中非常少用。但是有朋友經常問到，下面我簡單地介紹一下它的用法，你只要熟練掌握這些參數足矣。
<iframe>也應該是框架的一種形式，它與<frame>不同的是，iframe可以嵌在網頁中的任意部分。我們舉第一個例子，具體代碼如：
<iframe width=420 height=330 frameborder=0 scrolling=auto src=URL></iframe>，這里的URL可以是相對路徑，也可以是絕對路徑，效果如：
width表示寬度，height表示寬度，可根據實際情況調整。
scrolling表示是否顯示頁面滾動條，可選的參數為auto、yes、no，如果省略這個參數，則默認為auto。
二、如何實現頁面上的超鏈接指向這個嵌入的網頁？
只要給這個iframe命名就可以了。方法是<iframe
name=**>，例如我命名為aa，寫入這句HTML語言<iframe width=420 height=330 name=aa
frameborder=0
src=http://www.cctv.com></iframe>，然后，網頁上的超鏈接語句應該寫為：<a
href=URL target=aa>
在HTM(HTML)文件中是否可以像PHP、ASP文件一樣嵌入其他文件呢？下面筆者介紹用iframe來實現的方法。
iframe元素的功能是在一個文檔里內嵌一個文檔，創建一個浮動的幀。其部分屬性簡介如下：
name：內嵌幀名稱
width：內嵌幀寬度(可用像素值或百分比)
height：內嵌幀高度(可用像素值或百分比)
frameborder：內嵌幀邊框
marginwidth：幀內文本的左右頁邊距
marginheight：幀內文本的上下頁邊距
scrolling：是否出現滾動條(“auto”為自動，“yes”為顯示，“no”為不顯示)
src：內嵌入文件的地址
style：內嵌文檔的樣式(如設置文檔背景等)
allowtransparency：是否允許透明
明白了以上屬性后，我們可用以下代碼實現，在main.htm中把samper.htm文件的內容顯示在一個高度為80、寬度為100%、自動顯示邊框的內嵌幀中：
〈iframe name="import_frame" width=100%
height=80 src="samper.htm" frameborder=auto〉
〈/iframe〉
不錯吧，馬上“Ctrl+C”、“Ctrl+V”試試。
有時我們為強調頁面的某項內容，想讓它先于頁面的其他內容顯示。同樣用iframe即可輕松實現：
先把要強調顯示的內容另存為一個文件，如first.htm，然后通過一個預載頁index.htm，內容如下：
〈meta http-equiv="refresh" content="3,url=index2.htm"〉
〈body〉
頁面加載中，請稍候……〈iframe src="first.htm" style="display:none"〉〈/iframe〉
〈/body〉
主文件index2.htm
〈body〉
〈iframe src="first.htm"加入其他屬性限制〉〈/iframe〉
〈/body〉
關于iframe嵌套頁面用法
1.在HTML中寫入iframe標簽
<iframe name="my-iframe" id="my-iframe" src="初始顯示的頁面或者圖片" frameborder="邊框（一般為0）" width="寬" height="高" scrolling="是否滾動（一般為“no”）"></iframe>
2.在HTML中寫入a標簽，當點擊a標簽時，子頁面跳轉到所需的頁面
3.如果有多個子頁面之間切換，只需要多寫幾個a標簽，并且將它的href換成你所要跳轉的html頁面即可。切記，target是不變的，和先前的iframe保持一致！！！iframe標簽只需要一個。
如下：
iframe：
a:
iframe標簽的使用
先來看看百度百科對于iframe標簽元素的介紹！都是比較詳細，接著就是實際的應用了！
2
新建一個記事本文件，并將它重命名為.html文件，添加必要的<html><body>標簽，為了便于說明，同時添加<head>和<title>，將標題改名為iframe元素標簽的使用！
3
在<body>中添加iframe，ulr為你要嵌套網頁的地址，需要帶上http的，由于經驗不上帶有網址，不演于演示，width，height為所占用的寬度和高度，以百度首頁為例，當然嵌套兩個網頁也是可以的!
4
當然嵌套兩個網頁或者多個網頁也是可以的，高度和寬度都可以自行設置！
5
再看其他的比較常用的可選屬性，如name，通過對定義好的名字，就指定框架頁面進行跳轉！
6
至于其他可選屬性，就不再一一舉例，看看解析，再試驗一下就清楚了，如scrolling="no"就是不顯滾動條，align控制框架的對齊方式等等，用法都差不多！
7
源代碼：
<html>
<head>
<title>iframe元素標簽的使用</title>
<body>
<a href="url" target="iframe1">跳轉到百度經驗</a><br/>
<iframe src="url" width="600px" height="400px" name="iframe1"scrolling="no"/>
<iframe src="url" width="600px" height="400px" name="iframe2" align="right"/>
</body>
</head>
</html>
iframe用法
如果你要用框架集，你要設置好大致的框架位置（你想要顯示頁面的位置），
給你舉個例子：
<framet rows="70,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame src="head.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" />
<framet cols="193,*" frameborder="no" border="0" framespacing="0">
<frame src="left.html" scrolling="No" noresize="noresize" id="leftFrame" />
<frame src="main.html" name="mainFrame" id="mainFrame" />
</framet>
</framet>
在left頁面中寫上你所謂的點擊的a / b，給他們加上超鏈接(<A href="1.asp" target="mainframe"></A><A href="2.asp" target="mainframe"></A>),
target="mainframe"是把顯示的頁面在main.html....
有問題加我957328142
vue文件內嵌 HTML文件iframe用法
首先vue里面內嵌html文件必須存放在項目 public文件夾下，可以和vue里面index.html同級如圖所示：
我這里的 draw_PLS.html存放的是內嵌的html，map.js則是HTML里面的js。
以我項目為例
1.首先在vue頁面里面通過iframe 的形式引用 注意 ref的值和 name的值我這里保持一致了，接下來都會有用到。（注意src里面的路徑要和項目的路徑一致哦）
例：this.srcurl=' http://192.168.0.0:9527/draw_PLS.html'
2.通過 聲明一個iframes獲取到iframe，然后添加一個name的屬性，this.datavallist為我需要傳遞的數組，通過 iframes.postMessage 的方法進行傳遞。（cmd:'dian'用于做判斷使用，可以不傳）
3.在 draw_PLS.html 做如下操作
這樣就可以獲取到啦。
：有什么地方不懂的可以找我共同進步，寫的不夠好還請多多包涵。
