请听我详细讲解“JavaScript跨域的4种方法和原理详解”的完整攻略。
什么是跨域
在Web开发中，当一个页面使用了跟本页面不同域名的资源，例如JavaScript、CSS、图片、iframe等，就会出现所谓的“跨域”问题（Cross-Origin Resource Sharing，CORS）。因为同源策略（Same-Origin Policy），默认情况下浏览器不允许通过脚本访问跟本页面不同域名的资源。
为何需要跨域解决方案
跨域限制虽然是为了保证Web安全，但有时不可避免地会带来很多不便，例如：
- 前端页面需要调用第三方API接口，但该API接口位于其他域名下，无法直接访问。
- 需要将本站的页面嵌入到其他站点中，但同源策略限制了跨域访问。
- 需要在本站的业务逻辑中使用跨域AJAX请求，获取其他站点的数据。
以上问题都需要使用跨域解决方案才能实现。
4种解决方案
常见的跨域解决方案有以下4种：
JSONP
JSONP（JSON with Padding）是在同域名下，利用
