黑客跨网站获取传输数据实现JavaScript 跨域方法：JSONP、CORS、window.name、document.domain、location.hash、window.postMessage

最新推荐文章于 2024-10-23 13:44:23 发布

代码讲故事

最新推荐文章于 2024-10-23 13:44:23 发布

阅读量146

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Hacker技术提升基地文章标签： javascript 哈希算法开发语言 JavaScript 跨域跨网站数据

本文链接：https://blog.csdn.net/u014374009/article/details/136496380

Hacker技术提升基地专栏收录该内容

102 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文详细介绍了JavaScript实现跨域的多种方法，包括JSONP、CORS、window.name、document.domain、location.hash以及window.postMessage()。CORS通过设置HTTP响应头实现跨域，JSONP利用<script>标签的特性进行数据交互，window.name和document.domain则在特定场景下提供数据传递。location.hash和window.postMessage()为HTML5新增特性，用于跨域通信。跨域时需注意安全问题，如CORS的Access-Control-Allow-Origin设置和postMessage的校验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

黑客跨网站获取传输数据实现JavaScript 跨域方法：JSONP、CORS、window.name、document.domain、location.hash、window.postMessage。

在这里插入图片描述

JavaScript 跨域方法

跨域并非浏览器限制了发起跨站请求，而是跨站请求可以正常发起，但是返回结果被浏览器拦截了。注意：有些浏览器不允许从HTTPS的域跨域访问HTTP，比如Chrome和Firefox，这些浏览器在请求还未发出的时候就会拦截请求，这是一个特例。

一、 JSONP

JSONP（JSON with Padding）技术实际和Ajax没有关系。我们知道<script>标签可以加载跨域的javascript脚本，并且被加载的脚本和当前文档属于同一个域。因此在文档中可以调用/访问脚本中的数据和函数。如果javascript脚本中的数据是动态生成的，那么只要在文档中动态创建<script>标签就可以实现和服务端的数据交互。
JSONP就是利用<script>标签的跨域能力实现跨域数据的访问，请求动态生成的JavaScript脚本同时带一个callback函数名作为参数。其中callback函数是本地文档的JavaScript函数，服务器端动态生成的脚本会产生数据，并在代码中以产生的数据为参数调用callback函数。