iframe 父子页面传值 获取iframe页面内dom对象

 

1.ifrmae 子页面向父页面传值

子页面绑定事件

$("#btn").click(function(){
    var data={k:1,n:2};//需要传递的值
    window.parent.postMessage(data, '*')
});

父页面接收

addEventListener('message', e => {
    // e.data为子页面发送的数据
    console.log(e.data)
})

2.修改iframe 页面元素样式

function changeStyle(){
    var x=document.getElementById("myframe");//获取iframe 标签节点
    var y=(x.contentWindow || x.contentDocument);
    if (y.document)y=y.document;
    y.body.style.backgroundColor="#0000ff";
}

 

发布了23 篇原创文章 · 获赞 2 · 访问量 8450
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览