一键图解iframe标签属性以及使用

一键图解iframe标签属性以及使用

这个是博主通过iframe 嵌套的一👇👇👇blog页面

对于iframe,你了解么?今天水香木鱼带你图文解析iframe 标签 一💫

我们来看一下iframe都有哪些属性吧!一💕

一🏖1、marginheight【顶部和底部空白边距】

属性值-string说明10间距小20间距中50间距大

其他 0-1000 可根据自己的需求去调整

一🏜2、align【对齐】

属性值说明left向左对齐 iframe。right向右对齐 iframe。middle居中对齐 iframe。top在顶部对齐 iframe。bottom在底部对齐 iframe。

一🏟3、frameborder【去除边框】

属性值说明yes始终显示滚动条(即使不需要)no从不显示滚动条(即使需要)auto在需要的情况下出现滚动条(默认值)

一⛪5、name【根据名称跳转】

水香木鱼

属性值说明name可自定义命名

一🏦6、longdesc 【txt 网站描述文本】

属性值说明URL1.绝对 URL路径 - 指向另一个网站(比如 longdesc=“https://shadow.org.cn/text.txt”)2.相对 URL路径 - 指向网站内的文件(比如 longdesc=“shadow.org.cn/text.txt”)

一🏰7、sandbox【启动限制条件】

属性值说明“”启用所有限制条件allow-same-origin允许将内容作为普通来源对待。如果未使用该关键字,嵌入的内容将被视为一个独立的源。allow-top-navigation嵌入的页面的上下文可以导航(加载)内容到顶级的浏览上下文环境(browsing context)。如果未使用该关键字,这个操作将不可用。allow-forms允许表单提交。allow-scripts允许脚本执行。

一🌉8、onload 事件

JS刷新 iframe 的方法

一⛺9、contentWindow【修改背景色】



相关任务

365bet体育平台 潮汕机场的三字代码为什么是SWA
365bet体育投注地 10分钟复刻!风靡日本路边摊的经典日式炒面
365bet网址开户 Yalget雅丽洁

Yalget雅丽洁

📅 09-15 👁️ 4173