[奇技淫巧]神奇的h5 - Image.src 属性

 <script>
    var img = new Image();
    img.src = "http://www.baidu.com/";
</script>

H5的Image对象，有个src属性，普通青年这样使用：

<script>
    var img = new Image();
    img.src = "http://www.example.com/xxx.png";
    document.getElementById("xxx").appendChild(img);
</script>

<!-- 或者 -->
<script>
    var img = new Image();
    img.src = "data:image/png;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
    document.getElementById("xxx").appendChild(img);
</script>

这样一个图片就被加载到页面里了，

但是总有一些神奇的人，会这样使用：

 <script>
    var img = new Image();
    img.src = "http://www.example.com?userId=admin&env=test&app=12345";
</script>

据说这样可以跨域发送一些get消息到特定的接口，原理大概是image在指定src时会对src的参数发送get请求进行缓存，所以如果src是一个网址+?参数的话😜😜😜😜😜😜