javascript使用window.name解决跨域问题

 更新时间:2008年09月06日 21:51:11   作者:  
window.name 的美妙之处:name 值在不同的页面(甚至不同域名)加载后依旧存在,并且可以支持非常长的 name 值(2MB)。

为了让 Web 服务器实现 window.name,服务器应该只寻找请求中是否包含 windowname 参数。如果包含了 windowname 参数,服务器应该返回一个设置了 window.name 字符串值的 HTML 文档,回应此请求并传送到客户端。例如:
http://www.planabc.net/getdata.html?windowname=true

如果服务器想用 Hello 响应客服端,它应该返回一个 HTML 页面:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]


同样也可以转换为 JSON 数据:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

如果你手动创建资源,书写大量的多行的 JSON 对象为一个引用的字符串应该是比较困难的并且易于出错的。可以使用这样的 HTML 样例简单的创建 JSON 数据,将会转换为一个 JSON 字符串而无需手动转义 JSON 为字符串:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

同样的,如果你想传递 HTML/XML 数据,这里有一个样例实现,而无需手动将这些数据转换成字符串:


[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

window.name 传输技术相比其他的跨域传输的一些优势:

它是安全的。也就是说,它和其他的基于安全传输的 frame 一样安全,例如 Fragment Identifier messaging (FIM)和 Subspace。(I)Frames 也有他们自己的安全问题,由于 frame 可以改变其他 frame 的 location,但是这个是非常不同的安全溢出,通常不太严重。
它比 FIM 更快,因为它不用处理小数据包大小的 Fragment Identifier ,并且它不会有更多的 IE 上的“机关枪”声音效果。它也比 Subspace 快,Subspace 需要加载两个 Iframe 和两个本地的 HTML 文件来处理一个请求。window.name 仅需要一个 Iframe 和一个本地文件。
它比 FIM 和 Subspace 更简单和安全。FIM 稍微复杂,而 Subspace 非常复杂。Subspace 也有一些额外的限制和安装要求,如预先声明所有的目标主机和拥有针对若干不同特殊主机的 DNS 入口。window.name 非常简单和容易使用。
它不需要任何插件(比如 Flash)或者替代技术(例如 Java)。

相关文章

  • JS利用window.print()实现网页打印功能

    JS利用window.print()实现网页打印功能

    print作为浏览已经比较成熟的技术可以经常被用来打印页面的部分内容。本文将在JS中调用window.print()方法实现网页打印功能,感兴趣的可以跟随小编一起学习一下
    2022-04-04
  • JS错误处理与调试操作实例分析

    JS错误处理与调试操作实例分析

    这篇文章主要介绍了JS错误处理与调试操作,结合实例形式分析了JavaScript错误捕获、处理、调试工具、断点调试等相关操作技巧,需要的朋友可以参考下
    2020-04-04
  • JavaScript运动减速效果实例分析

    JavaScript运动减速效果实例分析

    这篇文章主要介绍了JavaScript运动减速效果,模拟了物体做减速运动的效果,以两个实例形式分析了javascript实现物体做减速运动的实现技巧,涉及javascript动态操作页面元素样式及数学运算的方法,非常简洁实用,需要的朋友可以参考下
    2015-08-08
  • 在微信小程序中使用iconfont的最新图文教程

    在微信小程序中使用iconfont的最新图文教程

    由于微信小程序线上的资源限制了各种接口安全域名,所以在小程序里如果想使用iconfont字体图标就会稍有不同,下面这篇文章主要给大家介绍了关于在微信小程序中使用iconfont的相关资料,需要的朋友可以参考下
    2022-08-08
  • JavaScript中0、空字符串、''0''是true还是false的知识点分享

    JavaScript中0、空字符串、''0''是true还是false的知识点分享

    在本篇文章里小编给大家整理的是JavaScript中0、空字符串、'0'是true还是false的知识点分享,有需要的朋友们参考下。
    2019-09-09
  • JavaScript函数参数的传递方式详解

    JavaScript函数参数的传递方式详解

    本文主要介绍了JavaScript函数参数的传递方式,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-03-03
  • uniapp抖音小程序一键获取用户手机号的示例代码

    uniapp抖音小程序一键获取用户手机号的示例代码

    文章介绍了如何在uniapp抖音小程序中通过点击按钮一键获取用户手机号,encryptedData和iv通过点击按钮回传,后端部分通过解密获取手机号,感兴趣的朋友一起看看吧
    2024-12-12
  • HTML+CSS+JavaScript实现简单日历效果

    HTML+CSS+JavaScript实现简单日历效果

    这篇文章主要为大家详细介绍了HTML+CSS+JavaScript实现简单日历效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-07-07
  • JavaScript循环链表实现方法

    JavaScript循环链表实现方法

    这篇文章主要给大家介绍了关于JavaScript循环链表实现的相关资料,循环链表和单向链表很相似,唯一的区别是循环链表的尾节点是指向头节点的,需要的朋友可以参考下
    2023-07-07
  • webpack几种手动实现HMR的方式

    webpack几种手动实现HMR的方式

    众所周知,在webpack中使用模块热替换(HMR),能够使得应用在运行时,本文就介绍一下如何实现HMR,感兴趣的可以了解一下
    2021-07-07

最新评论