从英雄联盟官方网站获取图片JavaScript

代码如下:

function getLOLheroskin(id){
		document.getElementById("lolhero").innerHTML= "<br>第"+id+"位英雄所有皮肤<br>";
		for(var j=1;j<20;j++){
			if(j<10){
				var url="http://ossweb-img.qq.com/images/lol/web201310/skin/big"+id+"00"+j+".jpg";
			}else{
				var url="http://ossweb-img.qq.com/images/lol/web201310/skin/big"+id+"0"+j+".jpg";
			}
			var img="<img src="+url+" onerror=\"this.style.display='none'\"/> ";
			
			document.getElementById("lolhero").innerHTML += img;
		}
	}


function getLOLhero(no){
	var k = no + 30;
	document.getElementById("lolhero").innerHTML= "英雄联盟第 "+no+" ~ "+(no+29)+" 位英雄<br>";
	for(var i=no;i<k;i++){
		var url="http://ossweb-img.qq.com/images/lol/web201310/skin/big"+i+"001.jpg";
		var img="<img src="+url+" onerror=\"this.style.display='none'\"/> ";
		document.getElementById("lolhero").innerHTML += img;
	}
}

知识点:

  1. 拼接网址

  2. 引号嵌套

  3. 图片找不到处理

  4. 循环

  5. 空数据处理

欢迎转载:海阔天空 » 从英雄联盟官方网站获取图片JavaScript

评论 沙了个发

换个身份

取消评论