javascript - 如何在我的 HTML 中使用来自外部 .js 文件的变量？

Question

我编写了一个函数，它根据浏览器语言填充一个 URL(包含图像)。然后将此后续 URL 写入变量。所有的图像都是基于语言的，所以德国是“de.gif”，法国是“fr.gif”等等。

我的问题是如何在我的 HTML 页面中调用这个变量？

为了帮助我更好地说明这个问题，这里是 JavaScript，请注意这是一个在此 HTML 页面中调用的外部 .js 文件:

function IABEU_moused_detect() {
(function IAB_lang_detect() {"use strict";
var IAB_lang_map = {"de-at": "at","nl-be": "be-nl","fr-be": "be-fr","da": "den","de": "de","hu": "hu","en-ie": "ie","ga": "ie","es": "es","fr": "fr","it": "it","nl": "nl","no": "nor","pl": "pl","en": "uk","en-GB": "uk","en-US": "uk","en-gb": "uk","en-us": "uk"},
IAB_lang = (navigator && navigator.browserLanguage) || (window.navigator && window.navigator.language) || "en-GB";
IAB_url = ("http://www.someurl.com/" + IAB_lang_map[IAB_lang]);
IAB_img = ("http://www.myimagesarehere.com/" + IAB_lang_map[IAB_lang]+".gif");
}());}

所以这是我想在我的 HTML 页面中调用的 IAB_img 变量(它是 .js 文件中的全局变量)

HTML 在这里:

<div>
  <img src="HERE IS WHERE I WANT TO call the variable 'IAB_img'"> 
</div>

谢谢

编辑:所以我仍然无法解决这个问题，有没有办法让我使用“IAB_img”中的值作为我的 HTML 文件中的图像源？

Answer 1

我会先给图像一个 ID。

<div>
    <img id="TheImage" src="HERE IS WHERE I WANT TO call the variable 'IAB_img'"> 
</div>

然后在你的 JavaScript 函数中，像这样分配图像的 src:

function IABEU_moused_detect() {
    (function IAB_lang_detect() {"use strict";
        var IAB_lang_map = {"de-at": "at","nl-be": "be-nl","fr-be": "be-fr","da": "den","de": "de","hu": "hu","en-ie": "ie","ga": "ie","es": "es","fr": "fr","it": "it","nl": "nl","no": "nor","pl": "pl","en": "uk","en-GB": "uk","en-US": "uk","en-gb": "uk","en-us": "uk"},
        IAB_lang = (navigator && navigator.browserLanguage) || (window.navigator &&   window.navigator.language) || "en-GB";
        IAB_url = ("http://www.someurl.com/" + IAB_lang_map[IAB_lang]);
        IAB_img = ("http://www.myimagesarehere.com/" + IAB_lang_map[IAB_lang]+".gif");
        var image = document.getElementById('TheImage');
        image.src = IAB_img;
}());}