1

我正在创建一个 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>

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

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

非常感谢！

编辑

所以我添加了以下代码

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

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

谢谢！

4

1 回答 1

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

由于您指定您没有直接访问 html 的权限。只有标题。

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

注意：您需要 jQuery 来完成上述操作。但也可以使用原始 Js。

于 2014-04-25T17:13:01.667 回答