Question

我想使用javascript和html加载带有页面加载的图像。这是我的原始代码在Windows 10上的IE11和Firefox中完美运行，但在Windows7上不在IE11中。这是它不喜欢的语法/引用吗？

var1 = "someURl";
var2 = "someEndingToURl";
var mainImgsrc = var1 + 'some_text' + var2;

document.addEventListener('DOMContentLoaded', function () {
document.getElementById('IMG1').src= mainImgsrc

<img id="IMG1" src="" width="1000px" height="700px" name="mymap" align="middle" alt="Map" ;/>

Answer 1

这里工作正常。您是否有指向您正在使用的网站的链接？也许var和var1前面缺少var2意味着您无意中覆盖了全局变量？您可以通过添加var并在DOMContentLoaded侦听器中移动它们来解决这个问题（以避免它们是隐式全局变量）：

document.addEventListener('DOMContentLoaded', function() {
  var var1 = "https://makelin.us/";
  var var2 = "/70";
  var mainImgsrc = var1 + '100' + var2;

  document.getElementById('IMG1').src = mainImgsrc;
});

<img id="IMG1" src="" width="100" height="70" name="mymap" align="middle" alt="Map" ;/>

Answer 2

您是否尝试过基本方法......

<body onload="IMG1.src= mainImgsrc;">

onload事件受到包括Trident在内的所有流行引擎的支持。

Answer 3

在尝试更改图像SRC之前，请确保您的DOM已完全加载。你试过console.log（）你的document.getElementById吗？顺便说一下，你的代码编写得不好，你错过了}）;在你的SRC任务之后。

Img src url with variables

3 个答案: