在HTML下设置图片和在JS下更改图片路径的区别

这个涉及到一个浏览器加载的问题，如果在HTML中的话，其为一个·静态的属性，那么加载时候直接导入就行（这里不做解释）
如果是在js中改变路径加载的话，其对于浏览器渲染几乎没有影响，但用js加载，是找见其路径，然后下载其图片
自我感觉用JS改变路径比较方便，而且封装性比较好。

var scereny = ["../img/videoPic/ev-1.jpg", '../img/videoPic/ev-2.jpg', '../img/videoPic/ev-3.jpg',
	'../img/videoPic/ev-4.jpg',
	'../img/videoPic/ev-5.jpg', '../img/videoPic/ev-6.jpg', '../img/videoPic/ev-7.jpg', '../img/videoPic/ev-8.jpg',
	'../img/videoPic/ev-9.jpg'
];//定义一个关于路径的数组
var showpic = document.getElementById("showSceneyPic");//取得img
var clk = document.getElementsByClassName("clk");
for (var i = 0; i < clk.length; i++) {
	clk[i].onclick = function() {

		switch (getClk(this)) {
			case 0:
				getSceneryPic(showpic,scereny[0]);
				break;
		}
	}
}
function getSceneryPic(pic,scereny){
	pic.src=scereny;
}

如果是静态的，那么感觉在浏览器下渲染没什么大的区别