HTML CSS Reference/HTML Tag Reference/iframe

Материал из Web эксперт
Перейти к: навигация, поиск

"iframe" CSS Attributes and JavaScript Style Properties

Names noted with an asterisk (*) are JavaScript properties only.
+----------------+--------------------------------------------------------------+
| CSS            |accelerator                     background-attachment         |
| Attributes     |background-color                background-position-x         |
| and            |background-position-y           behavior                      |
| JavaScript     |border-bottom                   border-bottom-color           |
| Style          |border-bottom-style             border-bottom-width           |
| Properties     |border-color                    border-left                   |
|                |border-left-color               border-left-style             |
|                |border-left-width               border-right                  |
|                |border-right-color              border-right-style            |
|                |border-right-width              border-style                  |
|                |border-top                      border-top-color              |
|                |border-top-style                border-top-width              |
|                |border-width                    bottom                        |
|                |clear                           clip                          |
|                |cursor                          display                       |
|                |filter                          float                         |
|                |height                          layout-grid                   |
|                |layout-grid-mode                left                          |
|                |margin                          margin-bottom                 |
|                |margin-left                     margin-right                  |
|                |margin-top                      overflow-x                    |
|                |overflow-y                      pixelBottom(*)                |
|                |pixelHeight(*)                  pixelLeft(*)                  |
|                |pixelRight(*)                   pixelTop(*)                   |
|                |pixelWidth(*)                   posBottom(*)                  |
|                |posHeight(*)                    position                      |
|                |posLeft(*)                      posRight(*)                   |
|                |posTop(*)                       posWidth(*)                   |
|                |right                           styleFloat(*)                 |
|                |text-autospace                  top                           |
|                |visibility                      z-index                       |
|                |zoom                                                          |
+----------------+--------------------------------------------------------------+



"iframe" Event Handlers

+----------------+--------------------------------------------------------------+
| Event          |onActivate                      onAfterUpdate                 |
| Handlers       |onBeforeDeactivate              onBeforeUpdate                |
|                |onBlur                          onControlSelect               |
|                |onDeactivate                    onErrorUpdate                 |
|                |onFocus                         onLoad                        |
|                |onMove                          onMoveEnd                     |
|                |onMoveStart                     onReadyStateChange            |
|                |onResizeEnd                     onResizeStart                 |
|                |onTimeError                                                   |
+----------------+--------------------------------------------------------------+



"iframe" Example

    
<html>
<head>
<title>iframe element example</title>
</head>
<body>
    <p align="center">
    <iframe id="myIframe" 
            frameborder="1" 
            scrolling="yes"
            src="http://www.wbex.ru" width="600" height="400">
    </iframe>
    </p>
<br><br><br>
    <p align="center">
    <iframe id="myIframe" 
            frameborder="10" 
            scrolling="yes"
            src="http://www.wbex.ru" width="600" height="400">
    </iframe>
    </p>
</body>
</html>



"iframe" HTML Attributes

+----------------+--------------------------------------------------------------+
| HTML           |align                           allowtransparency             |
| Attributes     |application                     begin                         |
|                |border                          class                         |
|                |datafld                         datasrc                       |
|                |end                             frameborder                   |
|                |height                          hidefocus                     |
|                |hspace                          id                            |
|                |lang                            language                      |
|                |marginheight                    marginwidth                   |
|                |name                            scrolling                     |
|                |security                        src                           |
|                |style                           syncmaster                    |
|                |systemBitrate                   systemCaptions                |
|                |systemLanguage                  systemOverdubOrSubtitle       |
|                |tabindex                        timecontainer                 |
|                |title                           unselectable                  |
|                |vspace                          width                         |
+----------------+--------------------------------------------------------------+



"iframe" JavaScript Collections

+----------------+--------------------------------------------------------------+
| JavaScript     |all                             attributes                    |
| Collections    |behaviorUrns                    childNodes                    |
|                |children                                                      |
+----------------+--------------------------------------------------------------+



"iframe" JavaScript Methods

+----------------+--------------------------------------------------------------+
| JavaScript     |addBehavior                     appendChild                   |
| Methods        |applyElement                    attachEvent                   |
|                |blur                            clearAttributes               |
|                |cloneNode                       componentFromPoint            |
|                |contains                        detachEvent                   |
|                |dragDrop                        fireEvent                     |
|                |focus                           getAdjacentText               |
|                |getAttribute                    getAttributeNode              |
|                |getElementsByTagName            getExpression                 |
|                |hasChildNodes                   insertAdjacentElement         |
|                |insertAdjacentHTML              insertAdjacentText            |
|                |insertBefore                    mergeAttributes               |
|                |normalize                       removeAttribute               |
|                |removeAttributeNode             removeBehavior                |
|                |removeChild                     removeExpression              |
|                |removeNode                      replaceAdjacentText           |
|                |replaceChild                    replaceNode                   |
|                |scrollIntoView                  setActive                     |
|                |setAttribute                    setAttributeNode              |
|                |setExpression                   swapNode                      |
+----------------+--------------------------------------------------------------+



"iframe" JavaScript Objects

+----------------+--------------------------------------------------------------+
| JavaScript     |runtimeStyle                    style                         |
+----------------+--------------------------------------------------------------+



"iframe" JavaScript Properties

+----------------+--------------------------------------------------------------+
| JavaScript     |align                           allowTransparency             |
| Properties     |border                          canHaveChildren               |
|                |canHaveHTML                     className                     |
|                |clientHeight                    clientWidth                   |
|                |contentWindow                   cursor                        |
|                |dataFld                         datasrc                       |
|                |dir                             disabled                      |
|                |end                             firstChild                    |
|                |frameBorder                     height                        |
|                |hideFocus                       hspace                        |
|                |id                              innerHTML                     |
|                |innerText                       isContentEditable             |
|                |isDisabled                      isMultiLine                   |
|                |isTextEdit                      lang                          |
|                |language                        lastChild                     |
|                |longDesc                        name                          |
|                |nextSibling                     nodeName                      |
|                |nodeType                        nodeValue                     |
|                |offsetHeight                    offsetLeft                    |
|                |offsetParent                    offsetTop                     |
|                |offsetWidth                     outerHTML                     |
|                |outerText                       ownerDocument                 |
|                |parentElement                   parentNode                    |
|                |parentTextEdit                  previousSibling               |
|                |readyState                      recordNumber                  |
|                |scopeName                       scrollHeight                  |
|                |scrollLeft                      scrollTop                     |
|                |scrollWidth                     sourceIndex                   |
|                |src                             tabIndex                      |
|                |tagName                         tagUrn                        |
|                |title                           uniqueID                      |
|                |vspace                          width                         |
+----------------+--------------------------------------------------------------+



"iframe" Microsoft Behaviors

+----------------+--------------------------------------------------------------+
| Microsoft      |clientCaps                      download                      |
| Behaviors      |homePage                        time                          |
|                |time2                                                         |
+----------------+--------------------------------------------------------------+



"iframe" Microsoft Filters

+----------------+--------------------------------------------------------------+
| Microsoft      |Alpha                           Barn                          |
| Filters        |BasicImage                      BlendTrans                    |
|                |Blinds                          Blur                          |
|                |CheckerBoard                    Chroma                        |
|                |Compositor                      DropShadow                    |
|                |Emboss                          Engrave                       |
|                |Fade                            FlipH                         |
|                |FlipV                           Glow                          |
|                |GradientWipe                    Gray                          |
|                |ICMFilter                       Inset                         |
|                |Invert                          Iris                          |
|                |Light                           MaskFilter                    |
|                |Matrix                          MotionBlur                    |
|                |Pixelate                        RadialWipe                    |
|                |RandomBars                      RandomDissolve                |
|                |RevealTrans                     Shadow                        |
|                |Slide                           Spiral                        |
|                |Stretch                         Strips                        |
|                |Wave                            Wheel                         |
|                |Xray                            Zigzag                        |
+----------------+--------------------------------------------------------------+



"iframe" Syntax and Note

Note:
This element was created by Microsoft.
It identifies a frame that can be placed anywhere inside a document. 
Unlike the <frame> element, <iframe> is inserted into a normal HTML page with 
a <body> tag.
    
Syntax:
    
<iframe attributes events> . . . </iframe>