百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html中iframe怎样运用?html中iframe标签用法的介绍
分享文章到:

html中iframe怎样运用?html中iframe标签用法的介绍

发布时间:09/01 来源:未知 浏览: 关键词:
关于开发网站的伴侣来说,iframe标签必然是不生疏的,iframe元素会创立包括别的一个文档的内联框架(即行内框架),我们可以在我们本人的网站页面加载别人网站或者本站其他页面的内容,所以,接下来的本篇文章将给大家来介绍一下html中iframe的用处。

第一关于iframe标签我们已经知道了iframe 元素会创立包括别的一个文档的内联框架(即行内框架),那么,下面我们就直接来看html中iframe标签的具体使用

我们来看一下iframe标签的属性:

1、align:left、right、top、middle、bottom。用于规定怎样按照四周的元从来对齐此框架。不赞同使用。请使用样式代。

2、frameborder:1、0。用于规定可否显示框架四周的边框。

3、height:pixels、%。用于规定iframe的高度。

4、longdesc:URL。规定一个页面,该页面包括了有关iframe的较长描写。

5、marginheight:pixels。定义iframe的顶部和底部的边距。

6、marginwidth:pixels。定义iframe的左侧和右侧的边距。

7、name:frame_name。规定iframe的名称。

说明:假如点击页面中的链接时想在iframe中翻开链接,只需要把iframe中的name属性和a标签中的target属性(标签的 target属性规定在何处翻开链接文档)设定成一样的就可以,例如:

<iframename="my"></iframe>
<ahref="http://www.php.cn" target="my"></a>

8、scrolling:yes、no、auto。规定可否在iframe中显示滚动条。

9、src:URL。规定在iframe中显示的文档的URL。

10、width:pixels。%。定义iframe的宽度。

看完了iframe标签属性的相关知识,我们接着就来看看html中iframe标签的用处

平常我们使用iframe直接在页面嵌套iframe标签指定的src就可以了

例子如下:

<!-- 
        <iframe> 标签规定一个内联框架
     这里写p 标签是为了看align的结果
     -->
     <p style="overflow: hidden;">这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。
         <iframe name="myiframe" id="myrame" src="external_file.html" frameborder="0" align="left" width="200" height="200" scrolling="no">
            <p>你的阅读器不支撑iframe标签</p>
        </iframe>
     这是一些文本。 这是一些文本。 这是一些文本。这是一些文本。 这是一些文本。 这是一些文本。</p>

上面代码中 iframe的src属性为本人当地的一个html页面

代码如下:

<body>
    <div id="div" style="height: 300px; background: #ddd;">这是一个外部文件里面的内容</div>
</body>
<script>
    var div = document.getElementById("div");
    console.log(div);
</script>

说明:有什么交互的部分也是写到这个页面中,iframe会主动传到引入的页面的。

本篇文章到这里就全部完毕了,更多出色内容大家可以关注百分百源码网!!!

以上就是html中iframe怎样使用?html中iframe标签用处的介绍的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板