Javascript 根据链接更改的图像（在js中创建一个include（如在php中））_Javascript_Html_Dom

Javascript 根据链接更改的图像（在js中创建一个include（如在php中））

javascript html dom

Javascript 根据链接更改的图像（在js中创建一个include（如在php中））,javascript,html,dom,Javascript,Html,Dom,我有3个相同的页面，只有一个横幅在html的3个页面上改变，我想在一个文件js中放入这部分代码，只有一个函数调用，在我的js中，每次我在这样一个页面上，他都会调用我正确的横幅 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale

我有3个相同的页面，只有一个横幅在html的3个页面上改变，我想在一个文件js中放入这部分代码，只有一个函数调用，在我的js中，每次我在这样一个页面上，他都会调用我正确的横幅

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body> 
        <img id="image0" src="page1" /> 
        <a href="eurasanté.html" onclick="changeImage(this);">TEXTE</a>
        <a href="euratech.html" onclick="changeImage(this);">TEXTE</a>
        <a href="index.html" onclick="changeImage(this);">TEXTE</a>   
</body>
<script src ="index.js"></script>
</html>

我没有什么东西让我害怕出错：/

const page1 = index.html;
const page2 = euratech.html;
const page3 = eurasanté.html;
function changeImage(element)
{
  let changeUrl = element.getElementsByTagName("img").item(0);
  let img = changeUrl.getAttribute("src");
    if(img === page1)
    {
        img = "2BOA-305.jpg";
    }
    if(img === page2)
    {
        img = "574b5545444ea.jpg";
    }
    if(img === page3)
    {
        img = "e233b0f310e17d1d40f1d3d49cb7d5a1.jpg";
    }

  changeUrl.setAttribute("src", img);
}