码迷,mamicode.com
首页 > 其他好文 > 详细

利用 img 和 script 发送跨域请求

时间:2016-01-20 20:44:27      阅读:2323      评论:0      收藏:0      [点我收藏+]

标签:

利用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/

利用 img 和 script 发送跨域请求

标签:

原文地址:http://www.cnblogs.com/yanyd/p/5146319.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!