利用 img 和 script 发送跨域请求

利用img.src可以发送http请求，但是发送http请求不是img.src的真正用意。

同样，用script.src去请求jsonp格式的接口数据也不是script元素的最初设计用途。

但是这些歪门邪道的技术都是利用了img/script等DOM元素能发跨域请求的特性。

(new Image()).src="包含用户行为数据的url"

 

另外再写一个img.src和204响应结合的一个应用场景：实现DNS预解析和TCP链接的建立！

Youtobe的前端工程师说他们使用img.src请求来实现preloading video connection。

实现方式是在html的head部分有下面一段script代码：

var img = new Image();
img.src = videoConnectionUrl;

这样做的结果是：

• Resolves DNS while page is rendering, before it is needed
• Maintains an open connection for later use

看，又是一个剑走偏锋的用途！但是它比正规的dns-prefetch更强大，而且不存在低版本浏览器不支持的问题。

 

内容来源：http://hzxiaosheng.bitbucket.org/work/2014/04/09/img-onerror-event-triggered-by-204-response/