如何用js脚本在html中批量加入图片？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了如何用js脚本在html中批量加入图片？相关的知识，希望对你有一定的参考价值。
以知道图片的名称是有序数字.
for (var i =1;i<=75;i++)
x = ("<div> <input type=\"radio\" name=\"face\" /> <img src=\"images/QQ/" + i + ".gif\" />")
问如何添加？
for(var i =1;i<=75;i++)
$("#divContainer").append("<div> <input type=\"radio\" name=\"face\" /> <img src=\"images/QQ/" + i + ".gif\" />");//divContainer为添加容器div的id
参考技术A 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>
html页面比较长,如何用js实现网页一打开显示在网页的中部？
加入js代码
<style type="text/css"> body { height: 2000px; } </style> <script type="text/javascript"> onload = function () { var dh = document.documentElement.scrollHeight || document.body.scrollHeight; window.scrollTo (0, (dh - screen.availHeight) / 2); } </script>
配合判断是否是手机端使用代码
<script type="text/javascript"> <!-- //平台、设备和操作系统 var system ={ win : false, mac : false, xll : false }; //检测平台 var p = navigator.platform; system.win = p.indexOf("Win") == 0; system.mac = p.indexOf("Mac") == 0; system.x11 = (p == "X11") || (p.indexOf("Linux") == 0); //跳转语句 if(system.win||system.mac||system.xll){ onload = function () { window.scrollTo (0,495); } }else{ //如若手机则跳转的页面路径 } --> </script>
以上是关于如何用js脚本在html中批量加入图片？的主要内容，如果未能解决你的问题，请参考以下文章