`
chenlb
  • 浏览: 689296 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

javascript不能处理跨域的iframe

    博客分类:
  • HTML
阅读更多

今天看了javascript的书,突然有点想法,javascript处理iframe中网页,一开始,遇到引用iframe问题,如:a.htm里有iframe为subpage.htm,在a.htm引用iframe里的文档(即:subpage.htm)。方法如下:
1.

var targetDoc = window.parent.frames['targetIframe'].document;

2.
var targetDoc = document.getElementById('targetIframe').contentWindow.document;

解决引用问题后,src为其它网页时双拒绝访问,郁闷,baidu下才得知是跨域不用被javascript处理。郁闷,想法又能实现了。不知谁有好的建议。^_^


我想要的效果是:自己的网页的一个区可以显示其它网页(这个很重要,显示效果就像真的在浏览器里,被显示的网页我称:subpage),然后javascript处理下subpage,使得实现想要的效果,比如:点subpage里链接时alert()出一些内容,等。
分享到:
评论

相关推荐

    跨域 iframe 实例 (Cross-Domain Javascript execution library)

    NULL 博文链接:https://justcoding.iteye.com/blog/1374728

    javascript iframe跨域详解

    1.什么引起了ajax跨域不能的问题 ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告。 2.有什么完美的解决方案么? 没有。解决方案有不少...

    JavaScript同源策略和跨域访问实例详解

    本文实例讲述了JavaScript同源策略和跨域访问。分享给大家供大家参考,具体如下: 1. 什么是同源策略 理解跨域首先必须要了解同源策略。同源策略是浏览器上为安全性考虑实施的非常重要的安全策略。 何谓同源: URL由...

    用iframe设置代理解决ajax跨域请求问题

    方案:在服务器端创建一个静态的代理页面,在客户端用iframe调用这个代理,然后通过iframe的document.getElementById(“proxy”).contentWindow对象来请求ajax。 服务器端的代理页面: 代码如下: <!DOCTYPE ...

    iframe-resizer:在页面链接,嵌套和多个iFrame中,支持大小相同的跨域iFrame,并支持窗口内容大小调整

    iFrame Resizer V4 通过该库,可以自动调整相同和跨域iFrame的高度和宽度的大小,以适合其包含的内容。 它提供了一系列功能来解决使用iFrame时最常见的问题,其中包括: 将iFrame调整为内容大小的高度和宽度。 适用...

    AJAXCDR:利用 Flash 完美解决 JavaScript 和 AJAX 跨域 HTTP POST/GET 表单请求

     浏览器出于安全考虑,是不允许JavaScript代码进行跨域操作。JavaScript 和 AJAX 跨域访问分为两大类,一是本域和子域的交互,二是本域和其他域的交互。  一、本域和子域的交互:www.s135.com 和 blog.s135.com ...

    dialog-iframe-helper:在带有对话框小部件的跨域 iframe 中使用此帮助程序库

    当使用Dialog嵌入跨域iframe时,在iframe内使用这个组件自动同步高度,并且提供API从内部关闭浮层、设置浮层高度。 内部使用进行跨域通信,当需要调整页面高度或者关闭浮层时,向父页面发送消息,父页面中的Dialog...

    iframe-crossdomain-communication:跨域iframe通信,FTVEN方式

    跨域iframe通信,FTVEN方式安装在 iframe 中添加“iframe”脚本: [removed][removed] 在父窗口添加“父”脚本: [removed][removed] 最好在build目录中使用缩小版本。根据内容自动调整 iframe 的高度在 iframe 中...

    JavaScript 处理Iframe自适应高度(同或不同域名下)

    Iframe自适应高度一直都备受关注,接下来为大家介绍下同域名下Iframe自适应高度的处理以及跨域时Iframe高度自适应,感兴趣的朋友可以参考下哈

    前端常见跨域解决方案(全).mht

    2、 document.domain + iframe跨域 3、 location.hash + iframe 4、 window.name + iframe跨域 5、 postMessage跨域 6、 跨域资源共享(CORS) 7、 nginx代理跨域 8、 nodejs中间件代理跨域 9、 WebSocket...

    javascript iframe parent?

    NULL 博文链接:https://bozch.iteye.com/blog/2005518

    JavaScript实现iframe自动高度调整和不同主域名跨域

    大家都知道Js有同源策略,就是主域名不同嵌套的iframe不允许Js通信的。 比如我有一个网站,网站中要嵌入其网站的页面。那么我可以使用iframe引用第三方网站的地址即可。 但是问题也来的iframe的高度是固定的不能与第...

    cross-frame-searching:从父元素搜索跨域iframe

    从父元素中搜索跨域框架。 如果iframe是从其他来源嵌入的,则无法从父级执行任何功能。 此示例展示了如何使用postMessage在所有iframe中搜索特定字词。 :warning: 确保您只接受来自受信任事件的消息。 该示例仅...

    iframe跨域通信封装详解

    众所周知,由于前端javascript对跨域访问做了安全限制,javascript只能访问与包含它的文档在同一域下的内容。 用法举例: 需求是在http://www.demo.org/top.html中通过iframe方式嵌入...

    详解JavaScript跨域总结与解决办法

    JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下: 首先什么是跨域,简单地理解就是因为...

    深入分析Javascript跨域问题

    JavaScript出于安全方面的考虑,不允许跨域调用其他页面的对象。但在安全限制的同时也给注入iframe或是ajax应用上带来了不少麻烦。这里把涉及到跨域的一些问题简单地整理一下

    老生常谈的跨域处理

    阅读目录 什么是跨域 常用的几种跨域处理方法: 跨域的原理解析及实现方法 总结 摘要:跨域问题,无论是面试...JavaScript这个安全策略在进行多iframe或多窗口编程、以及Ajax编程时显得尤为重要。根据这个策略,在

Global site tag (gtag.js) - Google Analytics