同源策略是个很好的安全机制，但是有时候我们需要从不同的域下获取数据或者进行交互，这个时候同源策略会造成阻碍。
跨域，就是为了实现不同源下数据信息传输和交互。
实现跨域有下面几种方式：
1.jsonp
jsonp是json with padding（参数式json）的简写，是json的一种新应用方式。
jsonp的实现，依靠动态的3f1c4e4b6b16bbbd69b2ee476dc4f83a元素来使用，因为3f1c4e4b6b16bbbd69b2ee476dc4f83a不受同源策略限制，有能力从其他域中加载资源，示例：
通过3f1c4e4b6b16bbbd69b2ee476dc4f83a请求返回一个jsonp
<script src=""http://freegeoip.net/json/?callback=handleresponse></script>
返回的jsonp由两部分组成：回调函数和json数据
handleresponse(json)
由于通过3f1c4e4b6b16bbbd69b2ee476dc4f83a标签请求的数据会被当做js代码执行，因此回调函数会对json数据进行处理，在这个示例里，回调函数就是handleresponse。通常回调函数名会以参数的方式写进请求url中，且在本地定义好回调函数。
缺点：jsonp是从其他域中加载代码执行，如果其他域不安全，则响应中很可能夹带一些恶意代码，此时除了放弃使用jsonp外，没有办法追究，因此要保证数据来源的安全。
2.cors
cors（cross-origin resource sharing，跨域资源共享）是ajax跨域请求的一种方式，定义了在必须访问跨域资源时，浏览器与服务器应该如何进行沟通。
cors背后的基本思想，就是使用定义的http头部让浏览器与服务器进行沟通，从而决定请求或响应是否应该成功。
cors分为简单请求和复杂请求
同时满足下面两个条件的为简单请求：
1.请求方式为get、post、head三者中的一种；
2.请求头信息不超出这几种字段：accept、accept-language、content-language、last-event-id、content-type只限于三个值application/x-www-form-urlencoded、multipart/form-data、text/plain
简单请求示例：
在我们跨域发送一个简单请求时，会定义一个origin头部，说明请求来源
oring:http://www.baidu.com //说明这一个请求是http://www.baidu.com发出的
如果服务器认为这个请求可以接受，就在access-control-allow-origin头部中返回相同的源信息（假设为公共资源，则可以返回“*”）
access-control-allow-origin:http://www.baidu.com
如果没有这个头部，或者头部的源信息不匹配，浏览器就会拦截掉返回的响应。
除了简单请求外，都是复杂请求
复杂请求与简单请求类似，只是在发送正式请求之前，会先发送一个预检请求，确认当前域是否在服务器许可范围中，服务器可以接受什么http头信息、请求方式、数据类型等。得到许可回复以后，才会开始正式通信。
下面是预检请求头和响应头
//这是一个预检请求头options /cors http/1.1 //注意请求返回为options；origin: https://api.qiutc.me //请求来源；access-control-request-method: put // 请求的方式access-control-request-headers: x-custom-header //请求头额外信息；host: api.qiutc.com
accept-language: en-us
connection: keep-alive
user-agent: mozilla/5.0...
//这是一个预检响应头http/1.1 200 okdate: mon, 01 dec 2008 01:15:39 gmt
server: apache/2.0.61 (unix)
access-control-allow-origin: https://api.qiutc.meaccess-control-allow-methods: get, post, put //表明服务器支持的所有跨域方法access-control-allow-headers: x-custom-header //表明服务器支持的额外请求头content-type: text/html; charset=utf-8content-encoding: gzip
content-length: 0keep-alive: timeout=2, max=100connection: keep-alive
content-type: text/plain
本篇详解了跨域的相关问题，更多相关内容请关注。
相关推荐：
对于函数事件的总结
关于正则表达式的相关理解
javascript中关于this的用法
以上就是什么是跨域？跨域有几种实现形式？的详细内容。