iframe元素

框架页,通常用于在一个网页中嵌入另一个页面

><iframe src="https://www.douyu.com" ></iframe>

src中输入需要链接网站的地址,

该元素为可替换元素

通常是行盒
通常显示的内容取决于元素的属性
CSS不能完全控制其中的样式
具有行块盒的特点

a元素可以通过target属性,在自己网站中打开别人网站

<iframe name="myframe" src="https://www.douyu.com" ></iframe>
<a href="https://www.taobao.com" target="myframe">淘宝</a>

iframe属性介绍

scrolling,取值为no时,无滚动条,默认情况下,会产生滚动条
frameborder,取值为no时,无边框,默认情况下,会产生边框
其他详细属性请到这里

HTML进阶之iframe元素相关推荐

python中返回上一步操作_selenium操作iframe元素,切入退出操作
iframe是个特殊的标签,相当于在网页内部重新嵌套一个网页.如果selenium要操作iframe里面的元素,则需要先切入iframe.selenium操作iframe方法如下: 1.seleniu ...
寻找不到iframe元素
一直找不到元素,是因为有两层iframe的找iFrame元素方法如下 1.iFrame有ID 或者 name的情况 //进入id="frame1"的frame中,定位id=&qu ...
JS/JQuery操作iframe元素
JS操作iframe元素父页面操作子页面 //获取iframe元素 var oIframe = document.getElementById('iframe1');oIframe.contentW ...
Vue学习笔记进阶篇——多元素及多组件过渡
本文为转载,原文:Vue学习笔记进阶篇--多元素及多组件过渡多元素的过渡对于原生标签可以使用 v-if/v-else.但是有一点需要注意: 当有相同标签名的元素切换时,需要通过 key 特性设置唯 ...
HTML使用iframe元素实现页面内容的跳转功能
HTML使用iframe元素实现页面内容的跳转功能前言一.iframe是什么? 二.iframe的使用 1.主页面内容代码 2.内容页面代码总结前言在前端的学习中,不免有一些页面的跳转功能的 ...
三分钟带你看完HTML5增强的【iframe元素】
HTML不再推荐页面中使用框架集,因此HTML5删除了<frameset>.<frame>和<noframes>这三个元素.不过HTML5还保留了<ifram ...
iframe简单使用、获取iframe 、获取iframe 元素值、iframe获取父页面的信息
文章目录 1.iframe简单使用 2.获取iframe 3.获取iframe 元素值 4.iframe获取父页面的信息: 1.iframe简单使用 <iframe> 标签规定一个内联框架 ...
vue 给iframe设置src_vue组件中使用iframe元素
需要在本页面中展示vue组件中的超链接,地址栏不改变的方法: GoBack {{item.name}} export default { name: 'hello', data () { return ...
【CSS进阶】伪元素的妙用--单标签之美
正文从这里开始,本文主要讲述一下伪元素 before 和 after 各种妙用. :before和::before的区别在介绍具体用法之前,简单介绍下伪类和伪元素.伪类大家听的多了,伪元素可 ...

HTML进阶之iframe元素

iframe元素

HTML进阶之iframe元素相关推荐

最新文章

热门文章