Question

我有一个名为src.js的文件，其中包含我的html页面的所有脚本。

现在在我的html页面上我正在使用它：

<script language="javascript" src="src.js">
</script>

调用.js文件来使用它。我不知道如何在.js文件中设置图像链接或如何在.html文件中调用它们我需要一个简单的答案：）

Answer 1

您需要在HTML中拥有占位符，否则您需要动态修改HTML DOM结构。

至于使用图像链接的变量，请参阅下面的代码预加载图像。

if (document.images)
{
  preload_image_object = new Image();
  // set image url
  image_url = new Array();
  image_url[0] = "http://mydomain.com/image0.gif";
  image_url[1] = "http://mydomain.com/image1.gif";
  image_url[2] = "http://mydomain.com/image2.gif";
  image_url[3] = "http://mydomain.com/image3.gif";

   var i = 0;
   for(i=0; i<=3; i++) 
     preload_image_object.src = image_url[i];
}

浏览器必须定义document.images属性。

Answer 2

<div id="_images"></div>
<script>
var images = {  // images with properties
    image1 : {url:'http://image1',property:'value'},
    image2 : {url:'http://image2',props:[],else:'val'}
}
for(var i in images){
    var image = new Image();
    image.src = images[i].url;
    // put image anywhere you want
    document.getElementById('_images').appendChild(image)
}
</script>

如何将.js文件中的图片加载到html？

2 个答案: