iframe

淩亂°似流年 2023-07-08 03:59 129阅读 0赞

<!DOCTYPE html>
    
    <html>
    <head>
        <meta charset="utf-8">
        <title>layuiCms - 单页面后台管理模板系统</title>
        <meta name="renderer" content="webkit">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
        <link rel="stylesheet" href="./content/layui/rc/css/layui.css?t=201800202-1" media="all">
    </head>
    <body>
    	<div>
    		姓名： <span id="name"></span>
    		age： <span id="age"></span>
    		gender： <span id="gender"></span>
    	</div>
        <script src="./content/layui/rc/layui.js?t=201800202-1"></script>
        <script>
    	//监听子页面的postMessage
    		function receiveMessage(event) { 
    			 console.log(event.data)//取得子页面传回来的值
    			 document.getElementById('name').innerText = event.data.name
    			 document.getElementById('age').innerText = event.data.age
    			 document.getElementById('gender').innerText = event.data.gender
    		 }
    		 window.addEventListener('message', receiveMessage, false);
    		 
    		 var object = { from: 'child', a: 'child', b: '222'}
    		 window.parent.postMessage(object,'*');
    		 
        </script>
    
    </body>
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，129人围观）

还没有评论，来说两句吧...

相关阅读

相关 iframe

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <t

淩亂°似流年/ 2023年07月08日 03:59/ 0 赞/ 130 阅读

相关 iframe通信

一、同域通信 1. 父访问子（`contentWindow`获取子`<iframe>`的`window`） let childIframe =

末蓝、/ 2022年12月19日 06:11/ 0 赞/ 470 阅读

相关 iframe劫持

攻击方法作用：钓鱼进阶 iframe伪造源码 `伪造①` <html> <meta http-equiv="Content-Type" conte

喜欢ヅ旅行/ 2022年11月20日 05:54/ 0 赞/ 218 阅读

相关 iframe元素

iframe会在页面中所定义的方框内显示指定的内容 <html> <head> <title>iframe</title>

亦凉/ 2022年08月22日 13:19/ 0 赞/ 203 阅读

相关 iframe+dialog实现对话框为iframe

举例： function preparePreview() { var explorer = $("explorer"); if(explorer

客官°小女子只卖身不卖艺/ 2022年08月01日 12:29/ 0 赞/ 250 阅读

相关 iframe框架

iframe基本属性![这里写图片描述][20160519183040039] [20160519183040039]: /images/20220722/7f6df6fb

快来打我*/ 2022年07月24日 10:06/ 0 赞/ 166 阅读

相关 iframe parent

frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.fram

拼搏现实的明天。/ 2022年07月12日 07:57/ 0 赞/ 156 阅读

相关 iframe parent

frame框架里的页面要改其他同框架下的页面或父框架的页面就用parent window.opener引用的是window.open打开的页面的父页面。 window.fram

素颜马尾好姑娘i/ 2022年07月12日 07:57/ 0 赞/ 126 阅读

相关 iframe

> 在看公司数据平台代码时，发现一些地方使用了iframe标签。虽没有使用过iframe，但是一直听说尽量不要使用iframe。so,借此机会了解一下到底为什么。 ifra

柔光的暖阳◎/ 2022年06月01日 01:47/ 0 赞/ 264 阅读

相关 iframe——在父iframe中清空子iframe的内容

摘要： > 在父iframe中通过点击事件，清空子iframe页面的内容。 > > > 解决办法： `<script>` `window.onload=``f

蔚落/ 2021年06月24日 15:58/ 0 赞/ 1043 阅读