Onclick URL扩展程序

Question

我的问题在于onclick功能的语法。

我正在处理的页面的网址（简化原因显而易见）：
www.mytestsite.com/tier-1 / 二级 html的

我的代码现在：

<div onclick="location.href='tier-3.html';">

点击后，它会尝试将我带到一个网址为：
www.mytestsite.com/tier-1 / 三线 html的

我希望能够动态扩展当前的网址，以便我能够：

www.mytestsite.com/的层级1 / 二级 / 三线 html的

有没有人知道在onclick函数中是否可以这样做？这将是动态的，所以我不愿意做简单的修复：

<div onclick="location.href='tier-2/tier-3.html';">

我非常感谢任何人给我的帮助！

Answer 1

你不应该使用内联javascript，很难调试调试并保持范围。只需为每个div创建一个事件监听器。 您可以设置topdir变量，根据需要进行更改。

//pure javascript way:
var topdir = "tear2/";
document.getElementById('mydiv').addEventListener("click", function(){
 window.location = topdir + "tier-3.html";
});
document.getElementById('mydiv2').addEventListener("click", function(){
 window.location = topdir + "someotherurl.html";
});

//jquery way:
var topdir = "tear2/";
$('#mydiv').on('click', function(){
window.location = topdir + "tier-3.html";
})
$('#mydiv2').on('click', function(){
window.location = topdir + "someotherurl.html";
})

Answer 2

试试这个：

document.getElementById("yourdiv").setAttribute("onclick", "location.href='tier-2/tier-3.html';");

修改

如果你想增加你的＆＃34;等级，请使用全局js变量。价值并扩展您的网址。

你的HTML：

<div onclick="url_update();"></div>

然后创建你的全局变量和你的函数：

var global_url = "tier-1";
var global_count = 1;

function url_update(){

    global_count++; // increase "tier" value
    global_url = global_url + "/tier-" + global_count;

    // your new global_url will be = "tier-1/tier-2";

    location.href = global_url + ".html";
}

我希望这就是你要找的东西！