<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>jsonp跨域请求</title>
</head>
<body>
<input type="button" onclick="jsonpRequest();" value="跨域请求"/>
<script>
tag=null;
function jsonpRequest(){
tag=document.createElement('script');//动态的创建script标签，再添加src属性，src可以实现跨域请求。
tag.src="http://..."//list([11,22,33,44])，返回值会调用该函数；
document.head.appendChild(tag);
}
function list(arg){
console.log(arg);
document.head.remove(tag);//动态删除标签
}
</script>
</body>
</html>
1，jsonp的原理：动态的创建script标签，通过该标签的src属性实现跨域操作。操作完后，会自动的删除刚刚动态创建的标签。