如何链接在wordpress主导航菜单中有herf的javascript函数

如何链接在wordpress主导航菜单中有herf的javascript函数,javascript,jquery,wordpress,html,Javascript,Jquery,Wordpress,Html,好的,我想做的是将javascript应用到我网站上的一个主要导航选项卡上,或者wordpress称之为菜单。我尝试使用的代码用于下面的随机化器 var random = new Array(); random[0] = "https://example.com"; random[1] = "https://example.com"; random[2] = "https://example.com"; random[3] = "https://example

好的,我想做的是将javascript应用到我网站上的一个主要导航选项卡上,或者wordpress称之为菜单。我尝试使用的代码用于下面的随机化器

 var random = new Array();

    random[0] = "https://example.com";
    random[1] = "https://example.com";
    random[2] = "https://example.com";
    random[3] = "https://example.com";
    random[4] = "https://example.com";
    random[5] = "https://example.com";

    function randomlink() {
    window.location = random[Math.floor(Math.random()*random.length)];
    }
现在,在网站上获取javascript并不是主要问题,我的问题是将其链接到wordpress菜单上。在本例中,假设我刚刚在wordpress中创建了一个名为Random的新菜单,我希望用户在我刚刚添加的新导航选项卡中单击Random,并重定向到我上面添加的随机页面之一。如果我没有使用wordpress,并且这是硬编码的,我只需要添加以下内容:

<a href="javascript:randomlink()">Random</a>

为了让名为random的导航选项卡或菜单正常工作,wordpress不允许我在页面的菜单部分添加
javascript:randomlink()
,因此我想知道如何将此脚本链接到wordpress中的菜单
提前感谢。

您可以使用jQuery向导航中调用随机链接函数的链接添加事件侦听器。通过这种方式,您可以在不触及标记的情况下处理单击

$('.myNav li a').click(function(){
    randomlink();
});
编辑:您似乎已经从标记中删除了jQuery

var elements = document.getElementsByTagName('a');
for(var i = 0, len = elements.length; i < len; i++) {
    elements[i].onclick = function () {
        randomlink();
    }
}
var elements=document.getElementsByTagName('a');
for(var i=0,len=elements.length;i
@ChrisChapel我的答案顶部的jQuery代码片段是3行,它使用jQuery选择假设导航中的所有锚元素(在代码中,您可以使用不同的选择器来计算导航)并附加一个事件处理程序,每当有人单击链接时调用您所做的函数。让我们在“编辑您的问题以包含HTML标记”中继续讨论。@ChrisChapel这是一个荒谬的说法。允许网站上的陌生人访问您的整个网站。如果你愿意破坏你的网站和它的数据,你不适合做一个网站管理员。这仍然是一个荒谬的解决你的问题的方法。您应该编辑问题以包含标记或接受我的答案。或者两种观点都认为答案是正确的。