带有变量的img src url
[英]Img src url with variables
问题描述
我想使用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" ;/>
3 个解决方案
解决方案1
0 2018-01-22 22:48:55
它在这里工作正常。 您是否有指向所使用网站的链接？ 也许var1和var2前面缺少var意味着您无意中覆盖了全局变量？ 您可以通过添加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" ;/>
解决方案2
0 已采纳 2018-01-22 22:50:57
您是否尝试过基本方法...
<body onload="IMG1.src= mainImgsrc;">
所有流行的引擎（包括Trident）都支持onload事件。
解决方案3
0 2018-01-22 22:51:29
在尝试更改映像SRC之前，请确保您的DOM已完全加载。 您是否尝试过console.log（）您的document.getElementById吗？ 顺便说一句，您的代码编写不正确，您错过了}）； 在您分配SRC之后。
前置img src网址
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.