使用javascript迭代图像文件夹并在HTML中添加结果_Javascript_Html

使用javascript迭代图像文件夹并在HTML中添加结果

javascript html

使用javascript迭代图像文件夹并在HTML中添加结果,javascript,html,Javascript,Html,嘿，我正在想办法给我的网页添加一些媒体（图像和视频）。我有一个部分，我只添加图像和视频，它是基于HTML的，所以我想我可以找到一种方法，只为每个部分创建一个文件夹，在该文件夹中添加所有媒体，然后让Javascript完成工作。这是我到目前为止想出的剧本 Javascript var files = {'jpg':4}; var pageName = "Wimoveh"; for (var ext in files){ for (var i = 0; i < files[ext]; i+

嘿，我正在想办法给我的网页添加一些媒体（图像和视频）。我有一个部分，我只添加图像和视频，它是基于HTML的，所以我想我可以找到一种方法，只为每个部分创建一个文件夹，在该文件夹中添加所有媒体，然后让Javascript完成工作。这是我到目前为止想出的剧本

Javascript

var files = {'jpg':4};
var pageName = "Wimoveh";
for (var ext in files){
for (var i = 0; i < files[ext]; i++){
    var src = "Images/GalleryOne" + pageName + "-" + (i+1) + "." + ext;}
}

var文件={'jpg'：4}；
var pageName=“wimove”；
for（文件中的var ext）{
对于（var i=0；i


此脚本在GalleryOne文件夹中查找名为wimove的图片，并以“-”作为分隔符，然后遍历与该名称和扩展名匹配的所有内容。
我不知道的是如何在我的HTML中输出结果。
在循环中：
var img = new Image(); 
img.src = src;
containerElement.appendChild(img);

其中containerElement是对要向其中添加图像的html元素的引用。
（请注意，您需要延迟，直到加载dom才能这样做）
正如Generalhenry在他的帖子中所说：
其中containerElement是对要向其中添加图像的html元素的引用。（请注意，您需要延迟，直到加载dom才能执行此操作）
containerElement是您想要的HTML元素。例如：
<HTML>
<BODY>
    <div class="photos">
        Your images would populate here.
    </div>
</BODY>
</HTML>


您的图像将在此处填充。

每次代码到达photos.appendChild（IMG）时，您的页面都会向该div类添加一个图像
 谢谢，关于延迟，它和document.ready有什么关系吗？是的，document.ready是一样的，它在解析dom时运行。您可以使用jQuery$（document）.ready（myfunc）jQuery$（myfunc）或香草window.onload=myfunc如何将脚本应用到html中所需的位置？你有点晚了。。。你用IE来做这个吗？是的，我想，但是有一部分没有回答，所以我想我会回答的。“你用IE做这个吗”。。。嗯什么？是的，你的答案其实很好，但肯定对提问的人不再有用了。但是把它放在这里，因为以后可能有人需要它。IE=Internet Explorer。是的，我知道你指的是Internet Explorer。你在问什么？为什么？我正在使用Android手机堆栈溢出应用程序。