iframe 直接加载 HTML 代码
HTML 大约 897 字HTML5
srcdoc
<iframe seamless frameborder=0 scrolling=no width="100%" height="300px" srcdoc='<html><body style="margin: 0">Hello, <b>world1</b>.</body></html>'></iframe>
JS 脚本
src='javascript: ""'
,但更推荐将双引号改为反引号
<iframe seamless frameborder=0 scrolling=no width="100%" height="300px" src='javascript: `<html><body style="margin: 0">Hello, <b>world2</b>.</body></html>`'></iframe>
data url
<iframe src='data:text/html;charset=utf-8,%3Chtml%3E%3Cbody%20style=%22margin:%200%22%3EHello,%20%3Cb%3Eworld3%3C/b%3E.%3C/body%3E%3C/html%3E'></iframe>
动态加载
<iframe id="foo"></iframe>
<script>
let iframe = document.getElementById('foo'),
iframedoc = iframe.contentDocument || iframe.contentWindow.document;
iframedoc.body.innerHTML = 'Hello world4';
</script>
阅读 1493 · 发布于 2021-06-03
————        END        ————
Give me a Star, Thanks:)
https://github.com/fendoudebb扫描下方二维码关注公众号和小程序↓↓↓

昵称:
随便看看
换一批
-
Kubernetes Pod 控制器 Job阅读 561
-
PHP 设置 json_encode 不转义中文阅读 1762
-
Linux uniq 命令简单使用阅读 2708
-
Android adb 命令阅读 3729
-
JavaScript 判断字符串是否包含指定字符阅读 360
-
Docker WARNING IPv4 forwarding is disabled. Networking will not work阅读 703
-
HTTP Content-Type 为 application/x-www-form-urlencoded 时注意事项阅读 2694
-
Linux tac 倒序查看文本内容阅读 2631
-
Spring Boot 解决 CORS 跨域问题阅读 4632
-
算法每日一题20190620:整数反转阅读 1673