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>

阅读 42 · 发布于 2021-06-03

———— END ————

扫描下方二维码关注公众号和小程序↓↓↓

昵称：

随便看看换一批

iframe 直接加载 HTML 代码

HTML5

JS 脚本

data url

动态加载

标签

友链

站长统计

阅读排行榜

点赞排行榜

评论排行榜

分享至微信