JavaScript 跨域详解与实例演示

跨域是指在浏览器中，一个域下的 JavaScript 代码试图访问另一个域下的资源时所产生的安全限制。这是由于浏览器的同源策略所导致的。同源策略是一种安全机制，用于保护用户的信息安全，防止恶意网站窃取数据。在这篇文章中，我们将详细介绍 JavaScript 跨域的概念、原因以及常见解决方法，并提供相应的源代码示例。

什么是跨域
跨域是指在浏览器中，当一个网页的脚本试图访问其他源（域、协议或端口）下的资源时，浏览器会阻止这种跨域请求。例如，一个网页在域A中的 JavaScript 代码试图访问域B中的资源，这就属于跨域请求。浏览器之所以限制跨域请求，是为了防止恶意网站窃取用户的敏感信息。

跨域的原因
跨域的限制是由浏览器的同源策略所导致的。同源策略要求一个网页的脚本只能访问与其所在网页具有相同的源（域、协议和端口）下的资源。同源策略的目的是保护用户的信息安全，防止恶意网站进行跨站点攻击。

常见的跨域解决方法
以下是一些常见的跨域解决方法：

1. JSONP（JSON with Padding）：JSONP 是一种通过动态创建 <script> 标签来实现跨域请求的方法。在跨域请求中，服务器返回的数据会被包裹在一个函数调用中，然后通过 <script> 标签引入到页面中，从而绕过浏览器的跨域限制。

function