Question

我正在创建一个方形空间网站，其中有一个导航栏。

我想在导航栏中添加一个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>

我无法编辑上面的代码，但我可以注入标题代码。

那么，如何在导航栏中添加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也是可能的。

如何在菜单点击上运行javascript代码

1 个答案: