LI元素的Onclick()事件

时间:2016-12-19 11:29:08

标签: javascript html css onclick

我目前正在尝试将我的整个li元素作为点击事件在我的网站上导航,但脚本仍然无效(没有重定向或在新标签中打开{不在显示的代码中})< / p>

[已添加,不清楚] 没有任何重定向(这是我希望重定向代码显然做的,提示document.location),只是保持静止。以下是控制台输出:

top_bar.js:9 Uncaught TypeError: document.location is not a function(…)
TopBarClick @ top_bar.js:9
onclick @ accueil.html:75

(html:75是带li事件的onclick,js:9是document.location部分 [/ ADDED]

这是与之相关的JS代码(使用HTML和CSS):

    function TopBarClick(entier) {
        "use strict";
    
        switch (entier) {
        {...}
        case 2:
            document.location("/index.html");
            break;
        {...}
        default:
            break;
        }
    }
    #banner li{
        list-style: none;
        width:25%;
        height:100%;
        display:inline-block;
        position:relative;
        float:left;
        z-index:100;
    
    }

    #banner > li{
        background-color: #00a0e6;
        float:left;
        z-index:100;

    }

    #banner > li:nth-child(2n){
        background-color: #0883b9;
        width:50%;
        z-index:100;
            cursor:pointer;
    }
    <ul id="banner">
                <li><a href="../../../../../accueil.html" target="_self">Accueil</a></li>
                <li onclick="TopBarClick(2)"><a href="../../../../../index.html">Index</a></li>
                <li><a >Contact</a>
    </ul>

PS: 在“不工作(没有重定向或在新标签中打开{不在显示的代码中}”)

“不工作”是状态。

“(没有重定向或在新标签中打开{不在显示的代码中})”是它没有做和应该做的事情(这应该是显而易见的,但显然基本的语义和语法太多了)

1 个答案:

答案 0 :(得分:0)

您的错误是document.location不是函数http://developer.mozilla.org/en-US/docs/Web/API/Document/location

将其用作字符串属性

e.g。

document.location = "/index.html";