将函数从点击事件更改为窗口加载
Change function from click event to window load
我正在尝试将postMessage
从点击时向iframe发送消息更改为页面加载时发送消息。
在父页面上:
var el = document.getElementById('button');
var getFontFamily = function(){
for(var i = 0; i < document.styleSheets.length; i++){
for(var j = 0; j < document.styleSheets[i].rules.length; j++){
if(document.styleSheets[i].rules[j].style.fontFamily){
return document.styleSheets[i].rules[j].style.fontFamily;
}
}
}
return 'not-found';
};
window.addEventListener('click', function(){
var data = getFontFamily();
window.frames[0].postMessage(data, 'http://localhost:3000');
console.log('Message sent -->');
});
iframe页面包含以下内容以接收postMessage
事件。
window.addEventListener('message', function(e){
document.body.style.fontFamily = e.data;
console.log('<---Message received');
}, false);
如何在页面加载而不是点击时将css从父级加载到子级?
当前工作示例:jsfiddle
从此更改代码:
window.addEventListener('click', function(){
到此:
window.addEventListener('load', function(){
更新的小提琴:http://jsfiddle.net/nzjfn6u4/2/
相关文章:
- 召回窗口加载事件 - javascript
- AngularJS:触发从子窗口加载视图(OAuth)
- 将函数从点击事件更改为窗口加载
- 我想在窗口加载后只调用一次JavaScript setInterval函数
- 我有一个用于 onclick 的窗口加载函数 如何添加 onblur 事件并合并为一个
- 如何使用窗口加载函数使我所有的 javascript 都外部化
- 窗口加载功能无法停止
- Javascript 在窗口加载时将 onclick 事件添加到单选按钮
- Javascript在停止窗口加载后显示一些内容
- Javascript:选择窗口加载功能
- 在应用中的窗口加载事件 famo.us
- 创建页面的模式窗口加载以用于用户反馈
- 将图像组合在一起并在窗口加载时对图像进行动画处理
- 窗口加载未触发
- 如何从父窗口加载关闭子窗口
- 窗口加载功能不起作用
- 如何在自定义弹出窗口加载中加载 js/css 文件
- jQuery 的窗口加载包装器
- 如何在窗体/窗口加载时使用角度引导程序调用函数以显示第一个选项卡的动态内容
- 窗口加载时未触发警报