<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<h1>我是A页面</h1>
<div id="addArea">
</div>
<iframe id="bpage" frameborder="0" scrolling="no" width="300" height="150" src="http://b.com/kuayu/b/windowName.html"></iframe>
<script type="text/javascript">
var addHtml = function(str) {
var data = str;
if(data) {
var p = document.createElement('p');
p.innerHTML = data;
document.getElementById('addArea').appendChild(p);
}
};
var originName = window.name;
var detectName = function() {
var name = window.name;
if(name != originName) {
originName = name;
var obj = eval("(" + decodeURIComponent(name) + ")");
var funcName = obj.funcName;
var args = obj.args;
window[funcName].apply(window , args);
}
};
setInterval(detectName , 100);
</script>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8"/>
<script type="text/javascript" src="http://js.t.sinajs.cn/STK/js/gaea_1_19.js" ></script>
</head>
<body>
测试页面
<div id="colordiv">
<button action-type="setColor">red</button>
<button action-type="setColor">green</button>
<button action-type="setColor">yellow</button>
</div>
<script>
var node = STK.E("colordiv");
var delegate = STK.delegatedEvent(node);
delegate.add("setColor" , 'click' , function(spec) {
var color = spec.el.innerHTML;
var obj = {
funcName : "addHtml",
args : [color],
date : new Date() + 0
};
var setName = encodeURIComponent(STK.jsonToStr(obj));
window.top.name = setName;
});
</script>
</body>
</html>
分享到:
相关推荐
window.name解决跨域问题的文档,刚才网上发现的.也许有点作用
后来 Kris Zyp 在此方法的基础上强化了 window.name 传输 ,并引入到了 Dojo (dojox.io.windowName),用来解决跨域数据传输问题。window.name 传输技术的基本原理和步骤为: name 在浏览器环境中是一个全局/window...
原文:http://research.microsoft.com/~helenw/papers/subspace.pdfwindow.name 传输技术,原本是 Thomas Frank 用于解决 cookie 的一些劣势(每个域名 4 x 20 Kb 的限制、数据只能是字符串、设置和获取 cookie 语法...
本Demo实现了一个来自不同服务器的前端页面集成方案,页面间通过window窗口关系形成父子页面关系,跨域情况下父子页面间彼此看不见对方的DOM和js对象,无法直接进行数据交互。本方案从父页面到子页面数据传递采用url...
本文给大家介绍window.name实现的跨域数据传输,自己亲自实践了一下,真的非常好用,特此分享到脚本之家网站供大家参考
NULL 博文链接:https://yiminghe.iteye.com/blog/346796
JavaScript由于同源策略的限制,跨域通信一直是棘手的问题。... window.name 保存数据以及跨域 iframe 静态代理动态传输方案,充分的运用了window.name因为页面的url改变而name不改变的特性。 各种方案
技术上,nameStorage 使用 window.name 存储数据。数据的生存周期为窗口会话的生存周期,同一个窗口可以通过 nameStorage 共享数据。出生证明window.name 非常有用,但不可滥用。为了规范、简单便利、安全的使用 ...
三、使用window.name来进行跨域 window对象有个name属性,该属性有个特征:即在一个窗口(window)的生命周期内,窗口载入的所有的页面都是共享一个window.name的,每个页面对window.name都有读写的权限,window.name...
本文实例讲述了PHP下ajax跨域的解决方案之window.name。分享给大家供大家参考,具体如下: 原理核心:window对象的name属性是一个很特别的属性,当该window的location变化,然后重新加载,它的name属性可以依然保持...
nameStorage 是类似 sessionStroage 的键值对数据存储工具,但是可以跨域。 nameStorage 适用于同一窗口内跨页面数据存储与传递。 技术上,nameStorage 使用 window.name 存储数据。 数据的生存周期为窗口会话的生存...
分享转载:前端常见跨域解决方案 1、 通过jsonp跨域 ...4、 window.name + iframe跨域 5、 postMessage跨域 6、 跨域资源共享(CORS) 7、 nginx代理跨域 8、 nodejs中间件代理跨域 9、 WebSocket协议跨域
框架完美解决了iframe之间的跨域通讯。底层技术采用window.name转换代理实现
跨域demo集一个关于跨域的简单demo集合,适合入门学习跨域的。任何对初学者学习跨域有用的PR都会接受,谢谢!原理用node的web框架express在3000端口和3001端口分别开启一个静态服务器,在两个端口间进行跨域传输数据...
虽然有同源策略的存在,但是在js中跨域也依然很常见,有document.domain、window.name、图片ping、jsonp、CORS,在这里简单总结下图片ping、jsonp和CORS备忘。 图片ping 图片可以从任何URL中加载,所以将img的src...
4.1 window.name跨域 4.2 jquery工厂函数 4.3 使用短域名 5 构造无需交互的payload&绕过事件过滤 5.1 onerror/onload 事件 5.2 onfocus与autofocus 5.3 onblur与autofocus 5.4 标签的ontoggle事件 5.5 flash-xss的...