博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
iframe 父子互传消息,父页面滚动,子页面触发父页面高度
阅读量:5101 次
发布时间:2019-06-13

本文共 1545 字,大约阅读时间需要 5 分钟。

https://blog.csdn.net/qq_38366657/article/details/81538145

 

 

// 父页面的js $(window).scroll(function () {                var scrollTop = $(window).scrollTop()                console.log(scrollTop, '1111');                if (scrollTop > 600) {                    //  $("#TopHeader").attr('data-hh', 'ok')                    // 父向子发送消息                    var message = scrollTop;// 'Hello!  The time is: ' + (new Date().getTime()) + "父的滚动" + scrollTop;                    // console.log('blog.local:  sending message:  ' + message);                    //send the message and target URI                    iframe.postMessage(message, domain);                }            });             //弹出一个新窗口            var domain = location.origin;            var iframe = document.getElementById('TopHeader').contentWindow;            //响应事件            window.addEventListener('message', function (event) {                //  if(event.origin !== 'http://davidwalsh.name') return;                console.log('index22222222222:  ' + event.data);                // event.source.postMessage('holla back youngin!',event.origin);            }, false);// 子页面的js//响应事件    window.addEventListener('message', function (event) {        //if(event.origin !== 'http://localhost:11893') return;        console.log('message lister6666666666:  ' + event.data, event);        event.source.postMessage('holla back youngin!6666666666', event.origin);        parent.$("#TopHeader").css("height", event.data+'px');    }, false);

  

转载于:https://www.cnblogs.com/holy-amy/p/10007482.html

你可能感兴趣的文章
js window.open 参数设置
查看>>
032. asp.netWeb用户控件之一初识用户控件并为其自定义属性
查看>>
linux--GCC用法
查看>>
Ubuntu下安装MySQL及简单操作
查看>>
OWIN是什么?
查看>>
前端监控
查看>>
centos6.5 mysql忘记登入密码
查看>>
Trusted Execution Technology (TXT) --- 启动控制策略(LCP)篇
查看>>
clipboard.js使用方法
查看>>
绘图库:Matplotlib
查看>>
0906第一次作业
查看>>
Ceph Monitor基础架构与模块详解
查看>>
dbca:Exception in thread "main" java.lang.UnsatisfiedLinkError: get
查看>>
hdu 1232 畅通工程(并查集)
查看>>
移动开发平台-应用之星app制作教程
查看>>
jquery validate使用笔记
查看>>
主要的几个脑网络——整理自eegfmri的博客
查看>>
leetcode 459. 重复的子字符串(Repeated Substring Pattern)
查看>>
CABasicAnimation animationWithKeyPath Types
查看>>
JavaScript--eval
查看>>