iframe页面利用JS点击事件到父级页面执行

只需在子页面的JS前加上window.parent即可实现在父级执行。

示例:父级页面

<iframe src="iframe.html" frameborder="0"></iframe>

示例:iframe页面HTML内容

<a href="javascript:;" id="xulgr" class="xulgrbtn">点击弹出层将在父级显示</a>
<a href="javascript:;" onClick="window.parent.location.href='/'" class="xulgrbtn">点击不在新窗口跳转事件</a>

示例:iframe页面JS代码

$("#xulgr").on("click", function(){
    window.parent.layer.open({
        type: 1,
        area: ["300px", "180px"],
        shade: false,
        title: false, 
        skin: 'xulgr_layer',
        id: "LAY_Notice", 
        content: "测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容测试内容"
    });
});
/* 也可用onClick绑定这个
function xulgr(){
    window.parent.location.href='/'";
}
*/
运行DEMO
© 版权声明
THE END
喜欢就支持一下吧
点赞7 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容