js怎么实现图片的批量下载

JavaScript012

js怎么实现图片的批量下载,第1张

js脚本在html中批量加入图片,我们需要设置一个父类的div，然后在创建子类，在创建好一个img的子类，将图片都添加进来，

<html>

<body>

<div id='parent'>

<div class='pin'>

</div>

</div>

</body>

<script>

var oPin = document.createElement('div')

oPin.className = 'pin'

oParent.appendChild(oPin)

var oImg = document.createElement('img')

loadImg('./image/'+ data[i].src,callBack,oImg) //这里是你的图片地址

oImg.src = './image/'+ data[i].src

oPin.appendChild(oImg)

</script>

</html>

<!--Javascript在页面装载时执行的顺序就是其引入标记<script />的出现顺序，

所有你只需要按a.js ->  b.js  -> c.js 类推顺序引入js文件即可-->

<SCRIPT type="text/javascript" src="a.js"></SCRIPT>

<SCRIPT type="text/javascript" src="b.js"></SCRIPT>

<SCRIPT type="text/javascript" src="c.js"></SCRIPT>

如果按照你这样写是肯定不行的。因为这个函数必须有明确的地址才能够执行。换个思路可能能够解决你的问题。首先将所有的页面写成一个数组，然后循环执行load函数。

//代码如下

function loadHtm(arr){

for(var i = 0i<arr.lengthi++){

$("#loadpage").load(href +arr[i])

}

)

html文件

<input id="load" type="button" value="载入" onclick="loadHtm('专利信息服务平台/ ["a.html","b.html"]')"/>

<div id="loadpage" style="display:none" ></div>