Посоветуйте, пожалуйста, как отобразить значение переменной JS в HTML, особенно URL

Question

Автоматическое изменение URL-адреса для отображения изображения на разных серверах с одним исходным кодом.

С одним исходным кодом я предоставляю услуги двум компаниям, имеющим собственный сервер.Например, один - a.example.com, другой - b.example.com.Тем не менее, логотипы их компаний отличаются.Но логотипы имеют одно и то же имя с именем «login2.png» в «a.example.com:8080/images/login2.png» и «b.example.com:8080/images/login2.png».Есть ли способ, как сделать это как "_link / images / login2.png"?Тогда мне не нужно менять логотип вручную, всякий раз, когда обновленное кодирование развертывается на каждом сервере.Заранее спасибо

    <script>
        var link = window.location.origin;
        document.getElementById("_link").innerHTML=link;
    </script>
    <img src= ""_link"/images/login2.png">

Автоматическое изменение URL-адреса для отображения изображения на разных серверах с одним исходным кодом.

Answer 1

Вы можете использовать window.location.hostname , чтобы получить имя хоста и использовать его по своему усмотрению вместо _link.

Answer 2

с использованием относительного пути к файлу

Относительный путь к файлу указывает на файл относительно текущей страницы.

    <img src= "/images/login2.png">

При переходе к a.example.com браузер будет отображать a.example.com: 8080 / images / login2.png "

И при переходе на b.example.com браузер отобразит b.example.com:8080/images/login2.png