Question

我正在使用JavaScript滑动拼图。我使用'name'将图像文件保存为数组。然后，将“ onClick”赋予图像文件，以了解有关阵列中图像文件顺序的单击信息。但这是行不通的。单击图像后如何获取信息。

<body bgcolor="silver" text="black" link="#0000EE" vlink="#551A8B" alink="red">
<h2 align="center">
15 puzzle</h2>
<div align="center">
<table border>
    <tr>
    <td width="50%" align="center">

    <script language="JavaScript">
    with(window.document){
        open();
        writeln('<table border=1 cellpadding=0 cellspacing=1>');
        for(var i=1;i<17;i++){
        if(i==1||i==5||i==9||i==13)
            writeln('<tr>');
        writeln('   <td width=49 height=49>');
        writeln('   <a href=JavaScript:void(0);>');
        **writeln(' <img src=',i,'.gif border=0 width=49 height=49 name=i',i,' onClick="movePiece(i)"></a>');**
        writeln('   </td>');
        if(i==4||i==8||i==12||i==16)
            writeln('</tr>');
        }
        writeln('</table>');
        close();
    }
    </script>
    </td>
    </tr>
</table>
</div>
<p align="center">
<br>
</p>
<form method="get">
<p align="center">
<input type="button" value="시작" onClick="shuffle()"/></p>
</form>

Answer 1

您的JavaScript中没有名为“ movePiece（i）”的函数。您需要先添加它。

Answer 2

我不确定我是否理解您要从img中获取什么数据，但似乎将'this'传递给函数将达到目的。

'this'只是意味着传递功能已打开的元素。然后，您可以访问元素的所有属性

如果这不是您的意思，请使问题更清楚

<img src='' border=0 width=49 height=49 name="someName" onClick="movePiece(this)">
<script>
    function movePiece(elImg) {
        console.log(elImg.name) //someName
    }
</script>

Answer 3

onClick =“ movePiece（i）” => onClick =“ movePiece（”，i，“）”

通过onClick单击图像时如何从图像中获取信息

3 个答案: