HTML iframe 标签
定义和用法
- iframe 元素会创建包含另外一个文档的内联框架(即行内框架)
- 把需要的文本放置在 和 之间,这样就可以应对无法理解 iframe 的浏
IFrame 对象
- IFrame 对象代表一个 HTML 的内联框架
- 在 HTML 文档中 每出现一次,一个 IFrame 对象就会被创建。
属性
- frameborder = 1或0 规定是否显示边框
- height =pixels 或 % 规定iframe的高度
- width = pixels 或 % 规定iframe的宽度
- src =URL 规定在iframe中显示的文档的URL
<html><head><title>iframe标签</title><meta charset="utf-8"></head><body><iframesrc="http://www.baidu.com " width="100%" height="300px"frameborder="0"></iframe></body> </html>
内联框架
<html><head><title>我的第iframe跳转页面</title><meta charset="utf-8"></head><body><a href="http://www.baidu.com" target="myFrame">百度</a><a href="http://www.qq.com" target="myFrame">QQ</a><a href="http://www.sohu.com/" target="myFrame">搜狐</a><iframe name="myFrame"width="100%"frameborder="0"height="100%"></iframe></body> </html>
[学习链接](https://www.w3school.com.cn/jsref/dom_obj_iframe.asp)
HTML iframe 标签相关推荐
- html5父子页面数据传递,使用iframe标签嵌套页面时 如何进行父子页面通讯/传值...
父页面使用iframe标签引入子页面 (使用本地文件) 父页面 function myFunction(e) { console.log("我是父页面的方法") } 引入本地路径的 ...
- 通过iframe标签绕过csp
iframe.php代码如下: allow-popups开启时,window.open就可以打开新的窗口. 看csp规则,默认是在当前域内,如果这是一个ctf题的话,就很简单了,window.loca ...
- (诡异事件)iframe标签后面的alert不执行
今天做项目的过程中,发现一个非常奇怪的事情.iframe标签后面的js 不执行? 把代码贴出来,看看有没有大牛碰到这种情况.谢谢. <html xmlns="http://www.w3 ...
- div iframe 显示html,IE中iframe标签显示在DIV之上的问题解决方案
在做网页时前端时,使用IE打开时会出现标题栏DIV被遮挡PDF遮挡, 后在stackoverflow中查到是IE浏览器的问题:链接https://stackoverflow.com/questions ...
- html中的a标签、img标签、iframe标签、列表标签
一. a标签 <a href="路径" target="打开方式">内容</a> 1.页面跳转: 2.定位:①设定锚点:在要定位到的位置 ...
- iframe标签里面的页面元素只读
iframe标签里面的页面元素只读,可以通过设置一个只读的透明div进行遮罩实现. html代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1 ...
- iframe标签(属性介绍(sandbox、srcdoc、scrolling)、iframe对象、onload事件、父集获取iframe内节点(同源和不同源情况)、domain修改规则和示例)
目录 iframe标签 属性简要汇总 部分属性详细介绍 align fameborder height|width marginheight|width name sandbox scrolling ...
- 前端iframe标签介绍及使用
使用的场景: (1) 有重复的板块内容显示的时候 # 后端如果是模板渲染方式(得到页面是通过继承的形式),可以换成iframe来请求直接获取子功能页面 iframe标签的作用: iframe标签可以实 ...
- iframe标签中写html,html页面中嵌套iframe标签,我们可以用html中的iframe标签搞定
iframe嵌入网页的用法 iframe并不是很常用的,在标准的网页中非常少用.但是有朋友经常问到,下面我简单地介绍一下它的用法,你只要熟练掌握这些参数足矣. 也应该是框架的一种形式,它与不 ...
最新文章
- OpenCV编程案例:使用轮廓函数检测连通区域
- 代码实战 | 用LeGO-LOAM实现地面提取
- 【转】Oracle SPARC SuperCluster全能王:不改大道至简本色
- @ConfigurationProperties 注解
- boost::mp11::mp_unique_if相关用法的测试程序
- flask处理cookie
- mysql_表_操作
- 在 ASP.NET Core 中安装 MVC
- Windows 运行... 可执行的命令
- opencv 常用操作 c++
- 服务器配置能连多少个小程序,每个服务器能配置多少小程序
- 【Python】彩色图片转为灰度图(4行脚本搞定)
- 小D课堂 - 零基础入门SpringBoot2.X到实战_第9节 SpringBoot2.x整合Redis实战_37、分布式缓存Redis介绍...
- 表单验证 靠name获取
- cpu性能参数如何看?
- 在谷歌浏览器中安装IE Tab插件
- 边缘计算:发展与挑战
- ce游戏逆向修改之植物大战僵尸
- 轻量应用服务器腾讯云,腾讯云轻量应用服务器 ECS云服务器使用对比
- codeforces 574B 暴力+复杂度分析