javascript

zzytop1 2019-09-29 11:04:30

想实现弹窗效果和点击文字出现对应图片两个效果可是两个效果都出了问题请问问题出在哪里？

...全文

69 3 打赏收藏转发到动态举报

写回复

用AI写文章

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

「已注销」 2019-10-20

打赏
举报

你的截图里，调用函数，有参数不传参数，你让形参如何使用相关的方法，不传参，该形参只定义没有值，只能是undefined或者null，是不能调用相关方法的

cn00439805 2019-09-29

打赏
举报

恕我直言，你有截图的功夫，还不如直接复制粘贴代码

Logerlink 2019-09-29

打赏
举报


<html>
    <body>
            <div>
                    <ul id="photolist">
                    <li>
                        <!--不要用a标签  a标签会直接跳转-->
                    <span data-href="https://profile.csdnimg.cn/E/4/5/1_weixin_45684364" title="三分王库里">curry</span>
                    </li>
                    <li>
                    <span data-href="https://profile.csdnimg.cn/A/8/A/1_cn00439805" title="黑曼巴科比">kobe</span> </li>
                    <li>
                    <span data-href="https://csdnimg.cn/cdn/content-toolbar/csdn-logo_.png?v=20190924.1" title="闪电侠韦德">wade</span> </li>
                    </ul>
                    <img id="zwf" src="image/kobe.jpg" alt="占位符">
                    <p id="miaoshu">KOBE真男人</p>
                    <span data-href="./image.html" class="tan">弹窗</span>
           </div>
                    <script src="./1.js"></script>
    </body>
</html>

1.js


window.onload = function () {
    mainPic();
    prepareLinks();
}
// raws
function mainPic() {
    var y = document.getElementById("photolist");
    var z = y.getElementsByTagName("span");
    for (var i = 0; i < z.length; i++) {
        z[i].onclick = function(){
            showPic(this);
        }
    }
}
function showPic(whichpic) {
    var s = whichpic.dataset.href
    var k = document.getElementById("zwf");
    k.setAttribute("src", s);
    var t = document.getElementById("miaoshu");
    var a = whichpic.getAttribute("title");
    t.childNodes[0].nodeValue = a;
}

function prepareLinks() {
    var links = document.getElementsByTagName("span");
    for (var i = 0; i < links.length; i++) {
        if (links[i].getAttribute("class") == "tan") {
            links[i].onclick = function () {
                
                tanchuang(this.getAttribute('data-href'));
                return false;
            }
        }
    }
}
function tanchuang(tanllRL) {
    window.open(tanllRL, "tanc", "width=480px,height=320px")
}