站长资源网页制作 iframe的各项参数整理附说明及使用示例 整理:jimmy2025/1/8浏览2次 站长资源 网页制作 网盘链接 云盘下载 简介 <div class="news_infos"><div id="MyContent"><p><iframe src=”test.jsp” width=”100″ height=”50″ frameborder=”no” border=”0″ marginwidth=”0″ marginheight=”0″ scrolling=”no” allowtransparency=”yes”></iframe></p> <p><iframe runat="server" src="you page's url" width="750" height="30" frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes"></iframe><br>runat="server" 这个最好加上Iframe跳转 asp.net 可在当前iframe中跳转<br>src 链接到的地址URl<br>frameborder 是否显示边框（0无边框 1有边框）<br>scrolling 是否有滚动条（yes有滚动条 no无滚动条）<br>allowtransparency 背景是否透明（yes透明 no不透明）<br>iframe并不是很常用的，在标准的网页中非常少用。把iframe解释成“浏览器中的浏览器“是很恰当的。<iframe>也应该是框架的一种形式，它与<frame>不同的是，iframe可以嵌在网页中的任意部分。例如：<br><iframe frameborder=0 width=170 height=100 marginheight=0 marginwidth=0 scrolling=no src="move-ad.htm"></iframe><br>SRC=URI 嵌入式柜架的页面文件路径 <br>NAME=CDATA 嵌入式柜架的名字 <br>LONGDESC=URI 描述 <br>WIDTH=Length 宽度 <br>HEIGHT=Length 高度 <br>ALIGN=[ top | middle | bottom | left | right ] 对齐方式 <br>FRAMEBORDER=[ 1 | 0 ] 柜架边框 <br>MARGINWIDTH=Pixels 左右空出宽度 <br>MARGINHEIGHT=Pixels 上下空出的高度 <br>SCROLLING=[ yes | no | auto ] 流动条(yes强制显示|no永不显示|auto自动)<br>Iframe标记的使用格式是: <br><Iframe src="URL" width="x" height="x" scrolling="[OPTION]" frameborder="x" name="main"></iframe> <br>src：文件的路径，既可是HTML文件，也可以是文本、ASP等； <br>width、height："内部框架"区域的宽与高； <br>scrolling:当SRC的指定的HTML文件在指定的区域不显不完时，滚动选项，如果设置为NO，则不出现滚动条；如为 Auto：则自动出现滚动条；如为Yes，则显示; <br>FrameBorder：区域边框的宽度，为了让“内部框架“与邻近的内容相融合，常设置为0。 <br>name:框架的名字，用来进行识别。<br><iframe>用于设置文本或图形的浮动图文框或容器。 <br>border <br><iframe border="3"></iframe> <br>设定围绕图文框的边缘宽度 <br>frameboder <br><iframe frameboder="0"></iframe> <br>设置边框是不否为3维（0=否，1=是） <br>height,width <br><iframe height="31" width="88"></iframe> <br>设质边框的宽度和高度 <br>scrolling <br><iframe scrolling="no"></iframe> <br>是否有滚动条（yes,no,auto) <br>src <br><iframe src="girl.gif"></iframe> <br>指定iframe调用的文件或图片(html,htm,gif,jpeg,jpg,png,txt,*.*) </p> <p>注意事项： <br>一个浮动框架不需要通过<frameset>元素声明为框架设置的一部分; <br>WebTV和Netscape 4.x(4.0 到 4.75)不支持浮动框架。 <br>在HTML4.01严格规范中，<iframe>元素没有被定义。浮动框架可以使用<div>元素和CSS定位方法来模仿实现。</p> <p><strong>浮动帧标记Iframe的属性： </strong></p> <p>1、文件位置： <br>语法：src=url <br>说明：url为嵌入的HTML文件的位置，可以是相对地址，也可以是绝对地址。 <br>示例：<iframe src="iframe.html"> </p> <p>2、对象名称： <br>语法：name=# <br>说明：#为对象的名称。该属性给对象取名，以便其他对象利用。 <br>示例：<iframe src="iframe.html" name="iframe1"> <br> <br>3、ID选择符： <br>语法：id=# <br>说明：指定该标记的唯一ID选择符。 <br>示例：<iframe src="iframe.html" id="iframe1"> </p> <p>4、容器属性： <br>语法：height=# width=# <br>说明：该属性指定浮动帧的高度和宽度。取值为正整数（单位为像素）或百分数。 <br>height：指定浮动帧的高度； <br>width：指定浮动帧的宽度。 <br>示例：<iframe src="iframe.html" height=400 width=400> </p> <p>5、尺寸调整： <br>语法：noresize <br>说明：IE专有属性，指定浮动帧不可调整尺寸。 <br>示例：<iframe src="iframe.html" noresize> </p> <p>6、边框显示： <br>语法：frameborder=0、1 <br>说明：该属性规定是否显示浮动帧边框。 <br>0：不显示浮动帧边框； <br>1：显示浮动帧边框。 <br>示例：<iframe src="iframe.html" frameborder=0> <br><iframe src="iframe.html" frameborder=1> </p> <p>7、边框厚度： <br>语法：border=# <br>说明：该属性指定浮动帧边框的厚度，取值为正整数和0，单位为像素。为了将浮动帧与页面无缝结合，border一般等于0。 <br>示例：<iframe src="iframe.html" border=1> </p> <p>8、边框颜色： <br>语法：bordercolor=color <br>说明：该属性指定浮动帧边框的颜色。color可以是RGB色（RRGGBB），也可以是颜色名。 <br>示例：<iframe src="iframe.html" bordercolor=red> </p> <p>9、对齐方式： <br>语法：align=left、right、center <br>说明：该属性指定浮动帧与其他对象的对齐方式。 <br>left：居左； <br>right：居右； <br>center：居中。 <br>示例：<iframe src="iframe.html" align=left> <br><iframe src="iframe.html" align=right> <br><iframe src="iframe.html" align=center> </p> <p>10、相邻间距： <br>语法：framespacing=# <br>说明：该属性指定相邻浮动帧之间的间距。取值为正整数和0，单位为像素。 <br>示例：<iframe src="iframe.html" framespacing=10> <br> <br>11、内补白属性： <br>语法：hspace=# vspace=# <br>说明：该属性指定浮动帧内的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。 <br>hspace：浮动帧内的左右边界大小； <br>vspace：浮动帧内的上下边界大小。 <br>示例：<iframe src="iframe.html" hspace=1 vspace=1> </p> <p>12、外补白属性： <br>语法：marginheight=# marginwidth=# <br>说明：该属性指定浮动帧的边界大小。取值为正整数和0，单位为像素。两个属性应同时应用。 <br>marginheight：浮动帧的左右边界大小； <br>marginwidth：浮动帧的上下边界大小。 <br>示例：<iframe src="iframe.html" marginheight=1 marginwidth=1></p></div> </div> </div> <div class="share"> </div> <div class="nextinfo"> <p>上一篇：<a href="http://m.paidiu.com/show/1/67747.html" title="html a 链接标签title属性换行鼠标悬停提示内容的换行效果">html a 链接标签title属性换行鼠标悬停提示内容的换行效果</a></p> <p>下一篇：<a href="http://m.paidiu.com/show/1/67749.html" title="a标签的target指向iframe的name和id的区别">a标签的target指向iframe的name和id的区别</a></p> </div> <div class="otherlink"> <h2>最新资源</h2> <ul> <li><a href="/show/1/619123.html" title="群星《奔赴！万人现场 第2期》[FLAC/分轨]">群星《奔赴！万人现场 第2期》[FLAC/分轨]</a></li> <li><a href="/show/1/619122.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐">群星《奇妙浪一夏 (上海迪士尼度假区音乐</a></li> <li><a href="/show/1/619121.html" title="群星《奇妙浪一夏 (上海迪士尼度假区音乐">群星《奇妙浪一夏 (上海迪士尼度假区音乐</a></li> <li><a href="/show/1/619120.html" title="【古典音乐】詹姆斯·高威《季节》1993[WA">【古典音乐】詹姆斯·高威《季节》1993[WA</a></li> <li><a href="/show/1/619119.html" title="贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]">贝拉芳蒂《卡里普索之王》SACD[WAV+CUE]</a></li> <li><a href="/show/1/619118.html" title="小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE">小骆驼-《草原狼2(蓝光CD)》[原抓WAV+CUE</a></li> <li><a href="/show/1/619117.html" title="群星《欢迎来到我身边 电影原声专辑》[32">群星《欢迎来到我身边 电影原声专辑》[32</a></li> <li><a href="/show/1/619116.html" title="群星《欢迎来到我身边 电影原声专辑》[FL">群星《欢迎来到我身边 电影原声专辑》[FL</a></li> <li><a href="/show/1/619115.html" title="雷婷《梦里蓝天HQⅡ》 2023头版限量编号低">雷婷《梦里蓝天HQⅡ》 2023头版限量编号低</a></li> <li><a href="/show/1/619114.html" title="群星《2024好听新歌42》AI调整音效【WAV分">群星《2024好听新歌42》AI调整音效【WAV分</a></li> </ul> </div> </div> <div class="sidebar"> </div> </article> <footer> <p style="font-size: 14px;">友情链接:<a href="http://www.imxmx.com/" title="杰晶网络" target="_blank">杰晶网络</a> <a href="http://www.ddrfans.com/" title="DDR爱好者之家" target="_blank">DDR爱好者之家</a> <a href="http://www.nqxw.com/" title="南强小屋" target="_blank">南强小屋</a> <a href="/" title="黑松山资源网" target="_blank">黑松山资源网</a> <a href="http://www.dyhadc.com/" title="白云城资源网" target="_blank">白云城资源网</a> <a href="/sitemap1.xml">站点地图</a> <a href="/sitemap.xml">SiteMap</a></p> <p>Design by <a href="http://m.paidiu.com">黑松山资源网</a> <a href="/">http://m.paidiu.com</a></p> </footer> <script src="/images/nav.js"></script> <script type="text/javascript"> jQuery.noConflict(); jQuery(function() { var elm = jQuery('#left_flow2'); var startPos = jQuery(elm).offset().top; jQuery.event.add(window, "scroll", function() { var p = jQuery(window).scrollTop(); jQuery(elm).css('position', ((p) > startPos) ? 'fixed' : ''); jQuery(elm).css('top', ((p) > startPos) ? '0' : ''); }); }); </script> </body> </html>