那是做不到的，需要后端配后，由于跨域安全策略
返回给你图片列表
如果你问的是怎么加载图片
这样加载图片
var img ＝ new Image；
img.src = '....jpg'
img.onload = function(){
console.log('图片加载完成')
}
<!doctype html><html>
<head>
<meta charset="utf-8">
<title>hello,angular2</title>
<!--模块加载器-->
<script type="text/javascript" src="lib/[email protected]"></script>
<!--Angular2模块库-->
<script type="text/javascript" src="lib/angular2.dev.js"></script>
<script>
//设置模块加载规则
System.baseURL = document.baseURI
System.config({
map:{traceur:"lib/traceur"},
traceurOptions: {annotations: true}
})
</script>
</head>
<body>
<img src="img/jay.gif">
<pre class="logger"></pre>
<!--定义一个ES6脚本元素-->
<script type="module">
//用ES6语法定义一个类
export class Logger{
constructor(){
this.el = document.querySelector("pre.logger")
this.lines = []
}
log(str){
this.lines.push(str)
this.el.textContent = this.lines.join("\n")
}
}
//实例化，测试一下
var _ = new Logger()
_.log("哎呦，不错哦！")
_.log("真的是用ES6写的噢！")
</script>
</body>
</html>
这就是事件冒泡，当一个元素触发事件后，会逐层上报给父元素、祖父元素……乃至document，也就是说这些元素都会同时触发事件。这种情况下，event.target就是指最初触发事件的那个子元素（就比如你题目中的img），而event.currentTarget才是被冒泡后触发事件的当前元素（比如li）。这也就意味着，当你点击li时，如果点到的是子元素img，则event.target就是img，而event.currentTarget则是li，而当你点到的是li里面除img之外的其他部分时，event.target和event.currentTarget都是li所以，现在你知道该怎么做啦？就是不要使用event.target，改用event.currentTarget
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）