iframe

作者: li九日 | 来源:发表于2017-11-29 14:46 被阅读0次

禁止页面被iframe加载

在响应头里加一个X-Frame-Options
取值有三种,大部分浏览器都支持:

DENY:浏览器拒绝当前页面加载任何Frame页面
SAMEORIGIN:frame页面的地址只能为同源域名下的页面
ALLOW-FROM origin:origin为允许frame加载的页面地址

这样被不同源的页面以iframe包含时就不会显示了

跨域iframe中操作父窗口
iframe中页面

$(document).on('click', function(){
     top.postMessage('{"type":"checkLogin"}', 父窗口host);
 });

父窗口

    window.onmessage = function(e){
    var data = JSON.parse(e.data);
    console.log("**dashboard receive data:"+e.data);
    if(data.type=='checkLogin'){
        checkLogin();
    }
};

https://developer.mozilla.org/zh-CN/docs/Web/API/Window/postMessage
https://developer.mozilla.org/zh-CN/docs/Web/Security/Same-origin_policy

相关文章

  • HTML常用标签的介绍

    iframe a form input select textarea table iframe iframe单独...

  • HTML常用标签的笔记整理

    iframe a form input select textarea table iframe iframe单独...

  • HTML常用标签iframe、a、form、input、tabl

    本文所介绍的标签:iframe、a、form、input、table iframe 标签 嵌套页面 iframe ...

  • H5在ios中使用iframe滚动失效问题

    iframe设置了高度(例如500px)。倘若iframe的内容超出了iframe设定的高度时。iframe内部h...

  • jQuery-iframe加载完成后触发的事件监听

    获取iframe变量 :iframe.contentWindow. variate

  • 网页局部打印功能

    思路: 将打印内容写入到iframe中,通过iframe的window对象print()方法实现iframe打印 ...

  • iframe

    iframe 用于在网页内显示网页。 添加iframe语法 URL 指向隔离页面的位置。 Iframe - 设置高...

  • Iframe内嵌框架

    1.