正文

iframe是個啥（iframe是什么）

發(fā)布時間：2023-05-23 08:00:21 稿源：創(chuàng)意嶺閱讀： 91

大家好！今天讓創(chuàng)意嶺的小編來大家介紹下關于iframe是個啥的問題，以下是小編對此問題的歸納整理，讓我們一起來看看吧。

開始之前先推薦一個非常厲害的Ai人工智能工具，一鍵生成原創(chuàng)文章、方案、文案、工作計劃、工作報告、論文、代碼、作文、做題和對話答疑等等

只需要輸入關鍵詞，就能返回你想要的內(nèi)容，有小程序、在線網(wǎng)頁版、PC客戶端和批量生成器

官網(wǎng)：https://ai.de1919.com。

本文目錄:

js文件中iframe是什么意思
iframe是什么意思？
iframe是什么意思?
什么是IFRAME

iframe是個啥（iframe是什么）

js文件中iframe是什么意思

iframe是嵌入式框架，一般用來在已有的頁面中嵌入另一個頁面。
需要注意的是，iframe在html5中，已經(jīng)有限支持了（只有src屬性）。

iframe是什么意思？

IFRAME 元素也就是文檔中的文檔，或者像浮動的框架(FRAME)。frames 集合提供了對 IFRAME 內(nèi)容的訪問。frame有骨架的意思而在其前面加個i構(gòu)成了iframe元素也就是文檔中的文檔。
使用iframe可以在網(wǎng)頁中再嵌入一個網(wǎng)頁

iframe是什么意思?

HTML元素 - iframe
定義
創(chuàng)建內(nèi)嵌漂浮框架。
Creates inline floating frames.
注釋
IFRAME 元素的作用相當于在一個文檔中嵌入另一個文檔，或者像一個漂浮的 FRAME。
此元素在 Internet Explorer 4.0 及以上版本的 HTML 和腳本中可用。
此元素是一個塊元素。
此元素需要關閉標簽。
The IFRAME element functions as a document within a document, or like a floating FRAME.
This element is available in HTML and script as of Internet Explorer 4.0.
This element is a block element.
This element requires a closing tag.
示例代碼
<html>
<body>
<p>這個 HTML 文檔中使用 IFRAME 來顯示另外一個叫Frame_a.html 的網(wǎng)頁。</p>
<iframe src="../asdocs/html_tutorials/Frame_a.html"></iframe>
</body>
</html>
演示示例：用 IFRAME 在一個 HTML 頁里顯示另一個網(wǎng)頁

iframe是個啥（iframe是什么）

什么是IFRAME

iframe 　　IFRAME 元素也就是文檔中的文檔，或者好像浮動的框架(FRAME)。frames 集合提供了對 IFRAME 內(nèi)容的訪問。請使用 frames 集合讀寫 IFRAME 內(nèi)包含的元素。例如，如果要訪問 iframe 內(nèi) body 對象的 backgroundColor 樣式，語法應為:
　　sColor = document.frames("sFrameName").document.body.style.backgroundColor;
　　通過 iframe 對象所在頁面的對象模型，你可以訪問 iframe 對象的屬性，但不能訪問其內(nèi)容。例如，訪問 iframe 對象的 border 樣式的語法應為:文本。
　　insertAdjacentText 在指定位置插入給定的文本。
　　insertBefore 在文檔層次中插入元素作為父對象的子結(jié)點。
　　mergeAttributes 復制所有讀/寫標簽屬性到指定元素。
　　normalize 合并鄰接 TextNode 對象以便生成一個常規(guī)的文檔對象模型。
　　removeAttribute 刪除對象的給定標簽屬性。
　　removeAttributeNode 從對象中刪除刪除 attribute 對象。
　　removeBehavior 分離元素的行為。
　　removeChild 從元素上刪除子結(jié)點。
　　removeExpression 從指定屬性中刪除表達式。
　　removeNode 從文檔層次中刪除對象。
　　replaceAdjacentText 替換元素的鄰接文本。
　　replaceChild 用新的子元素替換已有的子元素。
　　replaceNode 用其它元素替換對象。
　　scrollIntoView 將對象滾動到可見范圍內(nèi)，將其排列到窗口頂部或底部。
　　setActive 設置對象為當前對象而不將對象置為焦點。
　　setAttribute 設置指定標簽屬性的值。
　　setAttributeNode 設置 attribute 對象為對象的一部分。
　　setExpression 設置指定對象的表達式。
　　swapNode 交換文檔層次中兩個對象的位置。
　　對象描述
　　runtimeStyle 代表了居于全局樣式表、內(nèi)嵌樣式和 HTML 標簽屬性指定的格式和樣式之上的對象的格式和樣式。
　　style 代表了給定元素所有可能的內(nèi)嵌樣式的當前設置。
　　樣式標簽屬性樣式屬性描述
　　ACCELERATOR accelerator 設置或獲取表明對象是否包含快捷鍵的字符串。
　　background-attachment backgroundAttachment 設置或獲取背景圖像如何附加到文檔內(nèi)的對象中。
　　background-color backgroundColor 設置或獲取對象內(nèi)容后的顏色。
　　background-position-x backgroundPositionX 設置或獲取 backgroundPosition 屬性的 x 坐標。
　　background-position-y backgroundPositionY 設置或獲取 backgroundPosition 屬性的 y 坐標。
　　behavior behavior 設置或獲取 DHTML 行為的位置。
　　border-bottom borderBottom 設置或獲取對象下邊框的屬性。
　　border-bottom-color borderBottomColor 設置或獲取對象下邊框的顏色。
　　border-bottom-style borderBottomStyle 設置或獲取對象下邊框的樣式。
　　border-bottom-width borderBottomWidth 設置或獲取對象下邊框的寬度。
　　border-color borderColor 設置或獲取對象的邊框顏色。
　　border-left borderLeft 設置或獲取對象左邊框的屬性。
　　border-left-color borderLeftColor 設置或獲取對象左邊框的顏色。
　　border-left-style borderLeftStyle 設置或獲取對象左邊框的樣式。
　　border-left-width borderLeftWidth 設置或獲取對象左邊框的寬度。
　　border-right borderRight 設置或獲取對象右邊框的屬性。
　　border-right-color borderRightColor 設置或獲取對象右邊框的顏色。
　　border-right-style borderRightStyle 設置或獲取對象右邊框的樣式。
　　border-right-width borderRightWidth 設置或獲取對象右邊框的寬度。
　　border-style borderStyle 設置或獲取對象上下左右邊框的樣式。
　　border-top borderTop 設置或獲取對象上邊框的屬性。
　　border-top-color borderTopColor 設置或獲取對象上邊框的顏色。
　　border-top-style borderTopStyle 設置或獲取對象上邊框的樣式。
　　border-top-width borderTopWidth 設置或獲取對象上邊框的寬度。
　　border-width borderWidth 設置或獲取對象上下左右邊框的寬度。
　　bottom bottom 設置或獲取對象相對于文檔層次中下個定位對象的底部的位置。
　　clear clear 設置或獲取對象是否允許在其左側(cè)、右側(cè)或兩邊放置浮動對象，以防下段文本顯示在浮動對象上。
　　clip clip 設置或獲取定位對象的哪個部分可見。
　　cursor cursor 設置或獲取當鼠標指針指向?qū)ο髸r所使用的鼠標指針。
　　display display 設置或獲取對象是否要渲染。
　　filter filter 設置或獲取應用于對象的濾鏡或濾鏡集合。
　　height height 設置或獲取對象的高度。
　　layout-grid layoutGrid 設置或獲取指定文本字符版面的組合文檔格線屬性。
　　layout-grid-mode layoutGridMode 設置或獲取文本布局網(wǎng)格是否使用二維。
　　left left 設置或獲取對象相對于文檔層次中下個定位對象的左邊界的位置。
　　margin margin 設置或獲取對象的上下左右邊距。
　　margin-bottom marginBottom 設置或獲取對象的下邊距寬度。
　　margin-left marginLeft 設置或獲取對象的左邊距寬度。
　　margin-right marginRight 設置或獲取對象的右邊距寬度。
　　margin-top marginTop 設置或獲取對象的上邊距寬度。
　　overflow-x overflowX 設置或獲取當內(nèi)容超出對象寬度時如何管理對象內(nèi)容。
　　overflow-y overflowY 設置或獲取當內(nèi)容超出對象高度時如何管理對象內(nèi)容。
　　pixelBottom 設置或獲取對象的下方位置。
　　pixelHeight 設置或獲取對象的高度。
　　pixelLeft 設置或獲取對象的左側(cè)位置。
　　pixelRight 設置或獲取對象的右側(cè)位置。
　　pixelTop 設置或獲取對象的上方位置。
　　pixelWidth 設置或獲取對象的寬度。
　　posBottom 設置或獲取以 bottom 標簽屬性指定的單位的對象下方位置。
　　posHeight 設置或獲取以 height 標簽屬性指定的單位的對象高度。
　　position position 設置或獲取對象所使用的定位方式。
　　posLeft 設置或獲取以 left 標簽屬性指定的單位的對象左側(cè)位置。
　　posRight 設置或獲取以 right 標簽屬性指定的單位的對象右側(cè)位置。
　　posTop 設置或獲取以 top 標簽屬性指定的單位的對象上方位置。
　　posWidth 設置或獲取以 width 標簽屬性指定的單位的對象寬度。
　　right right 設置或獲取對象相對于文檔層次中下個已定位的對象的右邊界的位置。
　　float styleFloat 設置或獲取文本要繞排到對象的哪一側(cè)。
　　text-autospace textAutospace 設置或獲取自動留空和文本的窄空間寬度調(diào)整。
　　top top 設置或獲取對象相對于文檔層次中下個定位對象的上邊界的位置。
　　visibility visibility 設置或獲取對象的內(nèi)容是否顯示。
　　z-index zIndex 設置或獲取定位對象的堆疊次序。
　　zoom zoom 設置或獲取對象的放大比例。
　　標簽屬性屬性描述
　　ALIGN align 設置或獲取表格排列。
　　ALLOWTRANSPARENCY allowTransparency 設置或獲取對象是否可為透明。
　　APPLICATION APPLICATION 表明對象的內(nèi)容是否為 HTML 應用程序(HTA)，以便免除瀏覽器安全模式。
　　ATOMICSELECTION 指定元素及其內(nèi)容是否可以一不可見單位統(tǒng)一選擇。
　　BEGIN begin 設置或獲取時間線在該元素上播放前的延遲時間。
　　BORDER border 設置或獲取框架間的空間，包括 3D 邊框。
　　canHaveChildren 獲取表明對象是否可以包含子對象的值。
　　canHaveHTML 獲取表明對象是否可以包含豐富的 HTML 標簽的值。
　　CLASS className 設置或獲取對象的類。
　　contentWindow 獲取指定的 frame 或 iframe 的 window 對象。
　　DATAFLD dataFld 設置或獲取由 dataSrc 屬性指定的綁定到指定對象的給定數(shù)據(jù)源的字段。
　　DATASRC dataSrc 設置或獲取用于數(shù)據(jù)綁定的數(shù)據(jù)源。
　　disabled 獲取表明用戶是否可與該對象交互的值。
　　END end 設置或獲取表明元素結(jié)束時間的值，或者元素設置為重復的簡單持續(xù)終止時間。
　　firstChild 獲取對象的 childNodes 集合的第一個子對象的引用。
　　FRAMEBORDER frameBorder 設置或獲取是否顯示框架的邊框。
　　hasMedia 獲取一個表明元素是否為 HTML+TIME 媒體元素的 Boolean 值。
　　HEIGHT height 設置或獲取對象的高度。
　　HIDEFOCUS hideFocus 設置或獲取表明對象是否顯式標明焦點的值。
　　HSPACE hspace 設置或獲取對象的水平邊距。
　　ID id 獲取標識對象的字符串。
　　innerText 設置或獲取位于對象起始和結(jié)束標簽內(nèi)的文本。
　　isContentEditable 獲取表明用戶是否可編輯對象內(nèi)容的值。
　　isDisabled 獲取表明用戶是否可與該對象交互的值。
　　isMultiLine 獲取表明對象的內(nèi)容是包含一行還是多行的值。
　　isTextEdit 獲取是否可使用該對象創(chuàng)建一個 TextRange 對象。
　　LANG lang 設置或獲取要使用的語言。
　　LANGUAGE language 設置或獲取當前腳本編寫用的語言。
　　lastChild 獲取該對象 childNodes 集合中最后一個子對象的引用。
　　longDesc 設置或獲取對象長描述的統(tǒng)一資源標識符(URI)。
　　MARGINHEIGHT marginHeight 設置或獲取顯示框架中文本之前的上下邊距高度。
　　MARGINWIDTH marginWidth 設置或獲取顯示框架中文本之前的左右邊距寬度。
　　NAME name 設置或獲取框架的名稱。
　　nextSibling 獲取對此對象的下一個兄弟對象的引用。
　　nodeName 獲取特定結(jié)點類型的名稱。
　　nodeType 獲取所需結(jié)點的類型。
　　nodeValue 設置或獲取結(jié)點的值。
　　offsetHeight 獲取對象相對于版面或由父坐標 offsetParent 屬性指定的父坐標的高度。
　　offsetLeft 獲取對象相對于版面或由 offsetParent 屬性指定的父坐標的計算左側(cè)位置。
　　offsetParent 獲取定義對象 offsetTop 和 offsetLeft 屬性的容器對象的引用。
　　offsetTop 獲取對象相對于版面或由 offsetTop 屬性指定的父坐標的計算頂端位置。
　　offsetWidth 獲取對象相對于版面或由父坐標 offsetParent 屬性指定的父坐標的寬度。
　　onOffBehavior 獲取表明指定的 Microsoft? DirectAnimation? 行為是否正在運行的對象。
　　outerHTML 設置或獲取對象及其內(nèi)容的 HTML 形式。
　　outerText 設置或獲取對象的文本。
　　ownerDocument 設置或獲取結(jié)點關聯(lián)的 document 對象。
　　parentElement 獲取對象層次中的父對象。
　　parentNode 獲取文檔層次中的父對象。
　　parentTextEdit 獲取文檔層次中可用于創(chuàng)建包含原始對象的 TextRange 的容器對象。
　　previousSibling 獲取對此對象的上一個兄弟對象的引用。
　　readyState 獲取對象的當前狀態(tài)。
　　readyState 獲取表明對象當前狀態(tài)的值。
　　recordNumber 獲取數(shù)據(jù)集中生成對象的原始記錄。
　　scopeName 獲取為該元素定義的命名空間。
　　SCROLLING scrolling 設置或獲取框架是否可被滾動。
　　SECURITY SECURITY 獲取表明 frame 或 iframe 的源文件是否應用了特定的安全限制的值。
　　sourceIndex 獲取對象在源序中的依次位置，即對象出現(xiàn)在 document 的 all 集合中的順序。
　　SRC src 設置或獲取要由對象裝入的 URL。
　　STYLE 為該設置元素設置內(nèi)嵌樣式。
　　SYNCMASTER syncMaster 設置或獲取時間容器是否必須在此元素上同步回放。
　　SYSTEMBITRATE 獲取系統(tǒng)中大約可用帶寬的 bps。
　　SYSTEMCAPTION 表明是否要顯示文本來代替演示的的音頻部分。
　　SYSTEMLANGUAGE 表明是否在用戶計算機上的選項設置中選中了給定語言。
　　SYSTEMOVERDUBORSUBTITLE 指定針對那些正在觀看演示但對被播放的音頻所使用的語言并不熟悉的用戶來說是否要渲染配音或字幕。
　　TABINDEX tabIndex 設置或獲取定義對象的 Tab 順序的索引。
　　tagName 獲取對象的標簽名稱。
　　tagUrn 設置或獲取在命名空間聲明中指定的統(tǒng)一資源名稱(URN)。
　　TIMECONTAINER timeContainer 設置或獲取與元素關聯(lián)的時間線類型。
　　TITLE title 設置或獲取對象的咨詢信息(工具提示)。
　　uniqueID 獲取為對象自動生成的唯一標識符。
　　UNSELECTABLE 指定該元素不可被選中。
　　VSPACE vspace 設置或獲取對象的垂直邊距。
　　WIDTH width 設置或獲取對象的寬度。
　　標簽屬性/屬性
　　行為
　　集合
　　事件
　　濾鏡
　　方法
　　對象
　　樣式
　　利用iframe來做無刷新上傳
　　要實現(xiàn)文件上傳，form必須設置幾個屬性：
　　1.action：設為要處理數(shù)據(jù)的頁面地址；
　　2.method：設為"post"；
　　3.enctype/encoding：必須設為"multipart/form-data"，這里要注意的是在ie中用js修改form的enctype屬性是沒有效果的，只能修改encoding；
　　iframe實現(xiàn)無刷新上傳的原理：利用form的target屬性，把數(shù)據(jù)提交到頁面中一個（通常為隱藏的）iframe上。直觀點說就是把“刷新”留給iframe。
　　其實原理跟一般用iframe實現(xiàn)無刷新提交表單是一樣的，只是這里換成是文件。
　　這里關鍵就是把form的target設為iframe的name
　　iframe的具體示例：
　　<html>
　　<body>
　　<iframe src="a.htm" frameborder=“0” scrolling="yes" height="100px" width="100px"></iframe>
　　</body>
　　</html>
　　這個在頁面上顯示為一個嵌在頁面的框架，該框架的大小為長100像素，寬100像素，有滾動條沒有邊框。
　　<html>
　　<body>
　　<iframe name="res" style="display:none;" src="a.htm" frameborder=“0” scrolling="yes" height="100px" width="100px"></iframe>
　　<form target="res">
　　</form>
　　用隱含的iframe提交數(shù)據(jù)，可以避免頁面刷新。
　　</body>
　　</html>

以上就是關于iframe是個啥相關問題的回答。希望能幫到你，如有更多相關問題，您也可以聯(lián)系我們的客服進行咨詢，客服也會為您講解更多精彩的知識和內(nèi)容。