使用JS onclick

Question

这是我关于Stack Overflow的第一个问题 - 通常我会很快找到所有答案。

以下情况：

我在工作的小页面上工作，这是在我们的本地驱动器上托管 - 这意味着我在没有网络服务器的情况下工作。所以我不能通过php或JS包含我的标题或侧边栏，因为IE安全设置不允许来自公司。我们无法在不安全模式或FF中使用chrome。

现在我正在使用旧的iframe，这很糟糕但是完成工作很安静。

现在我的情景。

我有menu.html和我的菜单标签

   <!-- MAIN MENU TABS -->
        <div class="cm-flex">
            <div class="main_tab">
            <a href="lis.html">
            <span>Server Status</span>
            </a>
            <a href="lis-problemtickets.html">
            <span>Ongoing Issues</span>
            </a>
            <a href="lis-newsletter.html">
            <span class="active">Newsletter</span>
            </a>
            <a href="lis-search.html">
            <span>Easy Search</span>
            </a>
            </div>
        </div>
        <!-- MAIN MENU TABS / END -->

在同一个文件中我得到了我的iframe：

        <!-- MAIN CONTENT FRAME -->
        <div id="fix">
        <iframe src="newsletter-archive.html" class="frame-main"></iframe>
        </div>
        <!-- MAIN CONTENT FRAME END -->

是否可以使用JS，当我点击菜单选项卡时，iFrame中的src =“”内容会更改为我点击的特定网站？

更新

我使用

$(document).ready(function(){
    $("#test").click(function(){
        $("#frame").attr("src", "newsletter-knowledge-base.html");
    });
});

<a href="#" id="test">
 <span class="active">Newsletter</span>
</a>

<div id="fix">
 <iframe src="newsletter-archive.html" class="frame-main" id="frame"></iframe>
 </div>

现在有人知道如何在#test中添加一个值来添加到src内容？