Question

我是javascript的新手，我想点击一下Javascript。我有一个带有2个其他图像的图像当我点击另一个图像时第一个图像会改变但是主图像有一个缩放按钮，我想要点击脚本来改变缩放图标的href链接以及我不知道怎么做可以有人帮助我吗？ THX很多。

经过一些研究后，这是我的代码，但它没有用。

＆＃13;

<article class="javascript html">
        <script type="text/javascript">
    function change(menuId, image, newImage, newUrl)
{
    var img = document.getElementById(image);
    img.src = newImage;
    document.getElementById('d3').href = newUrl;
} 
</script>
        <div class="thumbnail">
            <div id="main_img">
             <img id="img" src="assets/example/latest/S8621A.png" alt=""/>
            <div class="caption">
                <span class="ico-block">
                    <a class="ico-zoom" href="assets/example/latest/S8621A.png" id="d3"><span></span></a>
                </span>
            </div>
        </div>
            </div>
        <div style="text-align:center">
<div id="thumb_img">
    <img src='assets/img/fekete.png' onclick='changeImage("assets/example/latest/S8621A.png")' >
    <img src='assets/img/barna.png' onclick='changeImage("assets/example/latest/S8621B.png")' onclick='document.getElementById'("d3").href = '(assets/example/latest/S8621B.png)'>
</div></div>
    </article>

＆＃13;

Answer 1

你必须这样调用这个函数：

<img src="path/to/image.png" onclick="change()">

属性onclick期望的参数名为change()，这将是它将调用的函数：

function change() {
    // define here what the function will do...
}

由于您的功能需要一些参数，您可以执行以下操作：

<img src="path/to/image.png" onclick="change(param1, param2, param3, param4)">

函数change()现在需要4个参数

function change(param1, param2, param3, param4) {
    // ...
}

这就是你应该开始的方式

Answer 2

您的函数定义为changeImage，但在您的onclick处理程序中，您正在调用一个名为change的函数，该函数不存在。

解决方案：onclick="change( ...

您不需要图片代码中的第二个onclick处理程序。函数change包含交换d3 href。
函数change需要4个参数

change(menuId, image, newImage, newUrl)

您只传递一个 - 图像URL，并且由于这是作为第一个参数传递的，因此函数change将其视为参数menuId，因此{{1} }，image和newImage都未定义。

Javascript OnClick操作更改href

2 个答案: