Javascript 我想创建一个js文件，并且必须动态加载img标记

创建加载文档时运行的loadApp函数。在loadApp函数中，我希望您调用一个函数：createImage（“images/imageName.png”）

如何做到这一点？

例如：

文件
函数addImage（src）{
var newimg=document.createElement（“img”）；
setAttribute（“src”，src）；
document.getElementsByTagName（“body”）[0].appendChild（newimg）；
} 
window.onload=addImage（“images/bmw-918407_1280.jpg”）；

您还需要父项选择器

function loadApp(){

    var img = document.createElement("img");
    img.src = "images/bmw-918407_1280.jpg";
    src.appendChild(img);

}
window.onload = loadApp;

以下是代码片段

//parentSelector是图像元素的父元素。请随意传递参数。
//imgSource是图像的URL。请确保它是适当的图像链接（未断开）
函数createAndPush（parentSelector，imgSource）{
变量img=$（'
下面是您的javascript文件。请将其包含在HTML中的标记之前

$(document).ready(function(){
   createAndPush('#footer', 'https://cdn.sstatic.net/Img/unified/sprites.svg?v=e5e58ae7df45')
})

您可以使用以下命令


window.onload=e=>document.body.innerHTML
+=''；
这是异步下载。它应该每3秒下载一次图像

function loadApp(){
  let img = document.createElement("img");
  img.src = "images/bmw-918407_1280.jpg";
  document.getElementsByTagName('body')[0].appendChild(img);
}

document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    loadApp();
  }
}

var xmlhttp=new XMLHttpRequest（）；
xmlhttp.onreadystatechange=函数（）{
if（4==xmlhttp.readyState）{
如果（xmlhttp.status>=200&&xmlhttp.status<300）{
open（'GET'，downloadUrl，true）；
xmlhttp.responseType='blob'；
}否则{
log（“http错误：+xmlhttp.status”）；
}
}
};
xmlhttp.timeout=3000；
这与jQuery有关系吗？不，我们必须在js文件中创建一个函数，然后从那里加载img。它看起来很优雅。就像js genious:）它确实有效。你为什么这么说？你在控制台中收到任何错误吗？你是如何使用这些代码的？
function loadApp(){
  let img = document.createElement("img");
  img.src = "images/bmw-918407_1280.jpg";
  document.getElementsByTagName('body')[0].appendChild(img);
}

document.onreadystatechange = function () {
  if (document.readyState == "interactive") {
    loadApp();
  }
}

var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function() {
if (4 == xmlhttp.readyState) {
if (xmlhttp.status >= 200 && xmlhttp.status < 300) {
      xmlhttp.open('GET', downloadUrl, true);
      xmlhttp.responseType = 'blob';
  } else {
      console.log("http error: " + xmlhttp.status);
  }
}
};
xmlhttp.timeout = 3000;