`
httpclient_bd
  • 浏览: 74197 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

关于iframe跨域调用js的一点测试

JavaHTML 
阅读更多
by alex

今天做了两个实验，主要是为下一步的集成第三方域名做个铺垫

js的跨域调

准备了两个实现，一个是嵌套iframe实现，一个是通过发送302跳转实现。

代码1：
域1www.aaa.com
域2 www.bbb.com

域1 
<html>
	<head>
	<script language="javascript" >
	//document.domain='10.1.43.51';

</script>
	</head>
	<body>
		<div id="result"></div>
		<iframe id="ppt" name="passport" src="http://www.bbb.com/ppt.html"></iframe>
	</body>
</html>


域2： 
<html>
<head>

<script language="javascript" >

</script>
</head>
<body>
	asdfadfad
	<iframe src="http://www.aaa.com/mail123-2.html#status=0"  id="sr" name="sr"/>	
</body>
</html>


这个还在域1 
<html>
<head>
<script language="javascript" >
	//window.top.alert(document.location.hash);
	window.top.document.getElementById('result').innerHTML = 'login success, passport params=' + document.location.hash;
</script>

</head>
<body>
	mail123-2.html
	<div id="test">init</div>
</body>
</html>


测试通过。

方案2：

iframe中外域站点发302跳回本站，跳N条只要最终回来，都能正确调用。

业务需求不说了， 留个笔记，免得过几天忘记。
分享到：
| nginx +ttserver 做URL转发
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    iframe跨域调用父窗口js.zip

    在Web开发中，有时我们需要在不同的域之间进行通信，例如在一...以上就是关于iframe跨域调用父页面js方法的详细讲解，希望对你理解这一技术有所帮助。在实际编程中，记得结合具体的业务场景灵活运用，并做好安全检查。

    jquery跨域调用 js跨域调用

    在Web开发中，"跨域调用"是一个关键的话题，特别是在使用JavaScript进行AJAX操作时。由于浏览器的同源策略（Same-Origin Policy），一个域下的文档或脚本不能请求另一个域下的资源，除非这两个域完全相同。这限制了...

    解决JS跨域访问IFrame的解决方案

    在Web开发中，JavaScript（JS）的同源策略限制了不同源之间进行交互，包括从一个页面中的脚本访问另一个不同源的IFrame内容。"解决JS跨域访问IFrame的解决方案"这一主题关注的就是如何克服这个限制，使得在JSP页面中...

    iframe 跨域解决方法

    例如，`util.js`可能包含了`CORS`或`PostMessage`相关的辅助函数，而`xd.js`可能用于`iframe`内部处理跨域消息。 为了实际应用这些方法，我们需要检查`xd.js`中的代码，看看它是如何处理`iframe`的跨域通信的。例如...

    iframe跨域通信解决方法

    ### iframe跨域通信解决方法 在现代Web开发中，跨域问题经常出现并困扰着开发者。尤其是在使用`iframe`嵌入不同源的内容时，主页面往往无法直接与`iframe`内的内容进行交互，这就需要一种解决方案来实现跨文档消息...

    iframe跨域互相调用资源

    本示例“iframe跨域互相调用资源”提供了一个解决方案，它着重展示了如何通过`iframe`实现在不同源之间进行通信，并且处理了浏览器兼容性问题，特别是对较老版本的IE浏览器（至少支持到IE8）的支持。 首先，`iframe...

    iframe跨域访问示例

    在Web开发中，"iframe跨域访问"是一个重要的概念，涉及到浏览器的安全策略和网页的嵌入技术。本文将深入探讨这个主题，以便更好地理解和应用。 首先，我们需要了解什么是iframe。Iframe，全称Inline Frame，是HTML...

    js跨域解决方案

    4. **IFrame跨域通信**：利用`window.postMessage`方法，可以在属于不同源的两个IFrame之间进行通信。这种方法适用于页面嵌套场景，但不适用于跨域API调用。 5. **WebSocket跨域**：WebSocket协议本身支持跨域，...

    在iframe中调用js父页面和子页面方法

    总结，`iframe`中的JavaScript交互涉及到页面间的通信，无论是父页面调用子页面还是子页面调用父页面，都需要理解`window`对象、同源策略以及跨域通信机制。正确使用这些技术，可以在多页面应用中实现更复杂的功能...

    iframe跨域自适应高度模板

    总结来说，`iframe`跨域自适应高度模板主要是通过`CORS`解决跨域限制，通过JavaScript监听`load`事件或使用`postMessage`通信来实现内容高度的动态调整。这些技术在现代网页开发中十分常见，能帮助我们更灵活地整合...

    js调用-嵌入iframe

    综上所述，"js调用-嵌入iframe"涉及到的主要知识点包括IFrame的基本使用、JavaScript与IFrame的交互以及测试中的注意事项。理解并掌握这些内容，对于网页开发尤其是动态内容加载和页面组件的复用具有重要意义。

    关于iframe跨域POST提交的方法示例

    【关于iframe跨域POST提交的方法示例】 在Web开发中，跨域问题一直是困扰开发者的一个常见挑战。浏览器的同源策略限制了不同源之间的资源交互，以保护用户的安全。然而，有时我们需要在不同源之间进行数据交换，...

    解决iframe跨域高度自适应问题的源码

    本篇文章将深入探讨如何解决iframe跨域高度自适应的问题。 首先，我们需要理解为什么会出现跨域问题。根据浏览器的同源策略，一个网页只能访问与之同源（即协议、域名和端口完全相同）的资源。而跨域则意味着iframe...

    layer弹窗:top.layer弹窗到父页面跨域解决办法

    标题和描述所提及的是一个关于如何解决layer弹窗在跨域环境下的问题，主要涉及到iframe、跨域以及layer的使用技巧。下面我们将详细探讨这个问题及其解决方案。 首先，我们了解下**iframe**。iframe（Inline Frame）...

    JavaScript跨域调用基于JSON的RESTful API_.docx

    【JavaScript跨域调用基于JSON的RESTful API】 在Web开发中，JavaScript是客户端脚本语言，主要用于增强用户界面和实现动态交互。然而，由于浏览器的同源策略（Same Origin Policy），JavaScript在处理AJAX...

    jQuery实现跨域iframe接口方法调用

    在Web开发中，由于同源策略的限制，不同域名下的页面之间无法直接进行JavaScript通信，这包括了嵌入在一个页面中的iframe。然而，在某些场景下，我们确实需要实现这种跨域通信，例如页面A（www.a.com）嵌入了页面B...

    Jquery调用iframe父页面中的元素及方法

    然而，操作iframe中的内容相对复杂，尤其是在需要跨域的情况下。不过，当iframe和父页面属于同一域时，可以通过JavaScript或jQuery来操作父页面中的元素和方法。本文将详细介绍如何使用jQuery来查找和操作iframe父...

    php main 与 iframe 相互通讯类 同域 跨域）

    这两个页面中可能包含了JavaScript代码，用于初始化iframe，设置通信接口，并调用`FrameMessage.js`和`json2.js`这两个JavaScript库。 `FrameMessage.js`可能是JavaScript实现的通信接口，它可能使用了`window.post...

    js iframe跨域访问(同主域/非同主域)分别深入介绍

    关于JavaScript中iframe跨域访问的问题，可以分为两大类：同主域跨域和非同主域跨域。每一种都有其特点和解决方案，下面将详细介绍这两种情况。 同主域跨域，指的是不同子域之间的跨域访问。这种情况下，因为共享了...

    js-iframe-传值调用实例代码

    这个实例代码“js-iframe-传值调用”旨在演示如何通过JavaScript在父窗口和iframe之间传递数据，实现页面间的交互。我们将详细探讨这个过程中的关键知识点。 首先，我们要理解iframe的基本结构。一个iframe标签通常...

Magicbox
Global site tag (gtag.js) - Google Analytics