美文网首页
HTML Iframe

HTML Iframe

作者: moralok | 来源:发表于2017-09-07 17:32 被阅读0次

2017-09-07
摘抄自W3school-HTML Iframe
希望帮助自己系统地打好基础,也能在做笔记的同时添加一些自己额外的收获。

添加 iframe 的语法

<iframe src="URL"></iframe>

URL 指向隔离页面的位置。

Iframe - 设置高度和宽度

height 和 width 属性用于规定 iframe 的高度和宽度。
属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

Iframe - 删除边框

frameborder 属性规定是否显示 iframe 周围的边框。
设置属性值为 "0" 就可以移除边框:

<iframe src="demo_iframe.htm" frameborder="0"></iframe>

使用 iframe 作为链接的目标

iframe 可用作链接的目标(target)。
链接的 target 属性必须引用 iframe 的 name 属性:

<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>

让链接在iframe中打开

相关文章

  • iframe和html交互

    iframe传递事件给html html传递事件给iframe 刷新浏览器窗口方式

  • iframe 父子互调函数

    纯html中: 父html调用子iframe内方法: 子Iframe中调用父html中方法: VUE中: 父htm...

  • HTML Iframe

    2017-09-07摘抄自W3school-HTML Iframe希望帮助自己系统地打好基础,也能在做笔记的同时添...

  • iframe和a标签

    iframe 嵌套页面 iframe的src可以是网址也可以是自己写的html文件,iframe的name和a标签...

  • iframe子父页面通信

    iframe以及iframe的特性 iframe 内联框架,用来在当前 HTML 文档中嵌入另一个文档以下列举常用...

  • HTML重点标签

    一:iframe 将另一个HTML页面嵌入当前HTML页面中 iframe里的src可以写相对路径 二:a标签 "...

  • CSS初始化

    /* CSS Document */ html, body, div, span, object, iframe,...

  • html 框架 iframe

    iframe 里面属性修饰:frameborder= 0 1(没框和有框) scroll...

  • iframe postMessage

    iframe postMessage postMessage 是 HTML5 XMLHttpRequest Le...

  • PHP从入门到精通,016第二章HTML-HTM的核心标记之内嵌

    二、HTML的核心标记 (十五)、内嵌框架 语法: 常用...

网友评论

      本文标题:HTML Iframe

      本文链接:https://www.haomeiwen.com/subject/onnijxtx.html