Arura_Owl 2016-12-16 06:26 采纳率: 100%
浏览 5702
已采纳

a标签中window.open的使用

标签中想用widow.open打开一个新页面(原页面不刷新),在外部js文件中加入了return false;语句原页面也仍会跳转。
想让大神帮我找找问题。

#js代码#

 window.onload = prepareLinks;
function prepareLinks(){
    var links = document.getElementsByTagName("a");
    for(var i=0;i<links.length;i++){
        if(links[i].getElementsByClassName("class") == "popup"){
            links[i].onclick = function(){
                popUp(this.getAttribute("href"));
                return false;
            }
        }
    }
}

function popUp(winURL){
    window.open("02.html","popup","width=500px,height=400px");
}

#html代码#

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>01</title>
        <link type="Text/css" rel="stylesheet" href="../css/01.css">
        <link type="text/css" rel="stylesheet" href="../css/example.css">
        <script type="text/javascript" src="../js/example.js" ></script>
    </head>
    <body>
        <div id="02">
        <h1>some words</h1>
        <p class="sunny">
            Today is such a sunny day,it links me to the song 
            "Yellow".Like its word:"They are all yellow",the  
            world look so shiny and beautiful,i feel myself in
            a wonderworld.
        </p>
        </div>

        <h1>Snapshots</h1>
        <ul>
            <li>
                <a href="../images/img2/01.jpg" onclick="showPic(this);return false;" title="01">01</a>
            </li>

            <li>
                <a href="../images/img2/02.jpg" onclick="showPic(this);return false;" title="02">02</a>
            </li>

            <li>
                <a href="../images/img2/03.jpg" onclick="showPic(this);return false;" title="03">03</a>
            </li>

            <li>
                <a href="../images/img2/04.jpg" onclick="showPic(this);return false;" title="04">04</a>
            </li>

            <li>
                <a href="../images/img2/05.jpg" onclick="showPic(this);return false;" title="05">05</a>
            </li>

            <li>
                <a href="../images/img2/06.jpg" onclick="showPic(this);return false;" title="06">06</a>
            </li>

            <li>
                <a href="../images/img2/07.jpg" onclick="showPic(this);return false;" title="07">07</a>
            </li>

            <li>
                <a href="../images/img2/08.jpg" onclick="showPic(this);return false;" title="08">08</a>
            </li>

            <li>
                <a href="../images/img2/09.jpg" onclick="showPic(this);return false;" title="09">09</a>
            </li>

            <li>
                <a href="../images/img2/10.jpg" onclick="showPic(this);return false;" title="10">10</a>
            </li>

            <br>

            <img id="placeholder" src="../images/img2/iconfont-tianjia2.png" alt="pic show">
            <p id="info">Here is picInfo</p>

            <a id="open" href="02.html" onclick="popUp()">Example</a>
        </ul>
    </body>
</html>

#下面是调试截图#
图片说明
图片说明

  • 写回答

1条回答 默认 最新

  • Go 旅城通票 2016-12-16 07:27
    关注

    你根本就没添加上onclick事件

    if(links[i].getElementsByClassName("class") == "popup")这句为false,搞清楚你条件是什么先,getElementsByClassName是得到子节点集合

    如果是获取a的class属性,直接
    if(links[i].className == "popup")

    下面那个open也有问题,要这样写

     <a id="open" href="02.html" onclick="popUp();return false;">Example</a>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥50 易语言把MYSQL数据库中的数据添加至组合框
  • ¥20 求数据集和代码#有偿答复
  • ¥15 关于下拉菜单选项关联的问题
  • ¥20 java-OJ-健康体检
  • ¥15 rs485的上拉下拉,不会对a-b<-200mv有影响吗,就是接受时,对判断逻辑0有影响吗
  • ¥15 使用phpstudy在云服务器上搭建个人网站
  • ¥15 应该如何判断含间隙的曲柄摇杆机构,轴与轴承是否发生了碰撞?
  • ¥15 vue3+express部署到nginx
  • ¥20 搭建pt1000三线制高精度测温电路
  • ¥15 使用Jdk8自带的算法,和Jdk11自带的加密结果会一样吗,不一样的话有什么解决方案,Jdk不能升级的情况