现如今，Web应用越来越流行，而要实现Web应用的目标，常常需要进行跨域访问。在进行跨域访问的时候，我们通常会遇到许多问题，而JavaScript的跨域访问就是其中之一。

JavaScript的跨域访问是指JavaScript在向不同域名或不同端口的服务器请求资源时，由于浏览器的同源策略，无法访问该资源，会产生错误。但是，就像我们在日常生活中需要跨越障碍物来到不同的地方一样，JavaScript也有自己的“方法”来进行跨域访问。

那么，当我们在跨域访问的时候，应该如何进行呢？我们可以使用以下几种方法：

JSONP（JSON with padding)

function jsonp(url,callback){
//创建script标签并添加到页面
var script=document.createElement("script");
script.setAttribute("src",url);
document.body.appendChild(script);
//指定回调函数
window[callback]=function(data){
document.body.removeChild(script);
callback(data);
};
}

JSONP是一个有效的跨域请求的方法。它通过动态创建一个script标签，将要请求的URL传递给它，在服务器端，在callback中返回JSON数据和其他参数。在客户端，在script的加载完成之后，会自动执行callback函数。从而，我们便可以在函数中使用返回的数据了。

比如，在A域下，我们想要访问B域的数据：

jsonp('http://B.com/data.php',function(data){
console.log(data);
})

CORS（Cross-Origin Resource Sharing）

CORS是W3C标准，全称为“跨域资源共享”。它允许浏览器向跨域服务器发送请求，从而获取服务器的资源。相比于JSONP，CORS更为强大和灵活。在客户端中，使用CORS需要在HTTP请求中添加一个Origin头部，服务器端需要在响应中添加一个Access-Control-Allow-Origin头部。

示例代码：

var xhr=new XMLHttpRequest();
xhr.open('GET','http://B.com/data.php',true);
xhr.withCredentials=true;//是否需要凭证
xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
xhr.setRequestHeader('Origin','http://A.com');//请求来源
xhr.onreadystatechange=function(){
if(xhr.readyState==4&&xhr.status==200){
console.log(xhr.responseText);
}
};
xhr.send();

iframe与window.postMessage()

使用iframe的话，可以在同一浏览器下，不同的域名之间进行数据的传递。我们可以在页面中动态创建一个iframe，更改其src属性来获取另一个域名下的HTML页面；在iframe内部，通过window.parent.postMessage()将数据传回原来的页面。

示例代码：

//在iframe页面中
window.parent.postMessage(str,'http://A.com'); 
//在原来的页面中
window.addEventListener('message',function(event){
var data=event.data;
console.log(data);
},false);

以上就是JavaScript跨域访问的一些方法。当然，使用这些方法都有一些限制和注意事项，比如浏览器是否支持、是否需要服务器端的支持等。在实际应用中，我们也可以根据自身的需求，选择合适的方法进行跨域访问。希望这篇文章能够帮助大家更好地理解和使用JavaScript跨域访问。