Question

我有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>

和Js

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);
}

我什么都不会丢给我，我怕出错：/

根据链接变化的图像（在js中包含（如php中））

0 个答案: