javascript - 如何将我的 Onclick 和 Onmouseover 从我的 HTML 移动到我的 javascript？

Question

我的老师告诉我不能在我的 html 中放置 Onclick 和 OnMouseover 等？我需要将它放入我的 .JS 文件中吗？在谷歌上搜索后，每个人都在做和我一样的事情吗？我只能使用 Javascript

谁能帮帮我？

<script type="text/javascript">
        var pauseSlider=false;
        var image = []
        image[0]=new Image()
        image[0].src = "./images/1.jpg"
        image[1]=new Image()
        image[1].src = "./images/2.jpg"
        image[2]=new Image()
        image[2].src = "./images/3.jpg"
        image[3]=new Image()
        image[3].src = "./images/4.jpg"
</script>

这是我的预加载(html，可以留在那里)

<img src="./images/1.jpg" name="slide" onmouseover="pauseSlider=true"    onmouseout="pauseSlider=false" onclick="slideNext()" width=960 height=500>

所以这是我的“错误”，我必须将“onclick”和 onmouseover 等放在我的 .JS fille 中，我不知道如何以及在哪里!

 var step = 1
document.getElementsByName'slide'
function slideit(){

    if(!pauseSlider)
    {
        slideNext()
    }
    setTimeout("slideit()",2500)
}
function slideNext()
{
    var slideimage = document.getElementsByName("slide")[0];
    slideimage.src=image[step].src

    if (step<image.length-1)
        step++
    else
        step=0
}

这是我的 Javascript 文件(它是一个图像 slider )

我希望我遵守了规则，但不确定“代码块”

谢谢你!

Answer 1

像这样:

var slideimage = document.getElementsByName("slide")[0];
slideimage.onclick = function() { ...... };