实现iframe父子页面传值

最新推荐文章于 2023-08-10 15:46:09 发布

yans121

最新推荐文章于 2023-08-10 15:46:09 发布

阅读量361

点赞数 1

文章标签： html javascript css

本文链接：https://blog.csdn.net/yans121/article/details/120741362

版权

使用postMessage实现iframe父子传值

使用localStorage实现iframe父子传值

使用postMessage实现iframe父子传值

父页面代码 parent.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>parent</title>
</head>
<body style="overflow-x: hidden">
    <div style="width: 85%; margin: 0 auto;">
      <button onclick="openFrame()">打开</button>
      <button onclick="sendChild()">测试</button>
        <div id="myFrame" style="display: none; margin-top: 20px;">
            <iframe src="child.html" name="myFrameName" style="width: 300px; height:300px; border: 1px solid black;"></iframe>
        </el-dialog>
    </div

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

yans121

关注关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
实现iframe父子页面传值

父页面代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>parent</title></head><body style="ove.
复制链接

扫一扫