Home > Developer > JavaScript
Description of IFrame framework usage and iframe framework usage
<Iframe> is a form of framework, which is also commonly used.
Example 1.
<Iframe width = 420 height = 330 frameborder = 0 scrolling = auto src = URL> </iframe>
Needless to say.
Width: the width of the inserted page; height: the height of the inserted page; scrolling: whether to display the page scroll bar (optional parameters: auto, yes, no. If this parameter is omitted, the default value is auto ); frameborder border size;
Note: absolute paths are recommended for URLs.
For example, if you want to use "Baidu": <iframe width = 0 height = 0 frameborder = 0 scrolling = auto src = WWW .webjx.com> </iframe>
Black 88*8...
Example 2.
If a page contains a frame .. Click the connection on the page and open it in <iframe>. Add name = ** to iframe (** set by yourself)
<Iframe name = **> </iframe>
Then, modify the default open mode. Add <a href = URL target = **> or set the target frame of some connections to (**) in the header of the webpage (**)
Example 3.
Insert a page. Only the middle part is required. None of the above .,..
Code:
<Iframe name = 123 align = middle marginwidth = 0 marginheight = 0 vspace =-170 hspace = 0 src = "http://www.webjx.com/" frameborder = no scrolling = no width = 776 height = 2500> </iframe>
Controls the depth of the inserted page covered by the frame. marginwidth = 0 marginheight = 0; control framework overwrites the depth of the previous section. vspace =-170
Whether the scrolling scroll bar (auto, yes, no) frameborder frame border size, width = 776 height = 2500 the size of this frame.
I. Add iframe to the page
<Iframe width = 420 height = 330 frameborder = 0 scrolling = auto src = URL> </iframe>,
Scrolling indicates whether to display the page scroll bar. The optional parameters are auto, yes, and no. If this parameter is omitted, the default value is auto.
2. the hyperlink points to the embedded webpage. You only need to name the iframe. The method is <iframe name = **>. For example, if I name it aa, write this HTML language <iframe width = 420 height = 330 name = aa frameborder = 0 src = http://www.cctv.com> </iframe>, then the hyperlink Statement on the web page should be written: <a href = URL target = aa>
3. If you set frameborder to 1, the effect will be the same as the text box.
Transparent IFRAME usage
Must be IE5.5 or later.
In the <body> label of the transparentbody.htm file, I have already added style = "background-color = transparent". Using the following four IFRAME statements, I think you should have a clear understanding of the implementation of the iframe background transparency effect:
<Iframe id = "Frame1" SRC = "transparentBody.htm" allowTransparency = "true"> </IFRAME>
<Iframe id = "Frame2" SRC = "transparentBody.htm" allowTransparency = "true" STYLE = "green"> </IFRAME>
<Iframe id = "Frame3" SRC = "transparentBody.htm"> </IFRAME>
<Iframe id = "Frame4" SRC = "transparentBody.htm" STYLE = "green"> </IFRAME>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
