javascript - 如何在菜单单击时运行 JavaScript 代码

Question

我正在创建一个 squarespace 网站，其中有一个导航栏。

我想添加一段 JavaScript 代码作为导航栏中的链接。

JavaScript 代码如下:

<div> 
<script type="text/javascript" src="https://app.ecwid.com/script.js?4549118"></script> 
<script type="text/javascript"> xMinicart("style=","layout=Mini"); </script> 
</div>

我有以下 html 代码:(我用 FireBug 得到它)

<nav id="main-navigation">
    <ul class="cf">
        <li class=" active-link">
            <a href="/">page1</a>
        </li>
        <li class="">
            <a href="/page2/">page2</a>
        </li>
    </ul>
</nav>

我无法编辑上面的代码，但我可以注入(inject) header 代码。

那么，如何将 JavaScript 代码添加为导航栏中的第三个链接？

非常感谢!

编辑

所以我添加了以下代码

<script>
window.onload=function(){
 $('nav ul').append('<li><a onClick="test()" href="javascript:void(0);">Link 3</a></li>');
}
</script>

但我需要附录中的原始 JavaScript 代码。我需要实际的代码作为链接。我怎么做？如果您看到 Firefox 中的 javascript，您就会明白我的意思。我需要它在导航栏中生成的实际链接。

谢谢!

Answer 1

window.onload=function(){
 $('nav ul').append('<li><a onClick="yourFunction()" href="javascript:void(0);">Link 3</a></li>');
}

由于您指定您无法直接访问 html。仅标题。

这将添加带有链接的菜单项，单击该链接后，将执行函数 yourFunction()。页面加载后它将立即添加此项。

注意:上面的操作需要 jQuery。但使用原始 Js 也是可能的。