时间戳

首页 > 解决方案 > 使用 JS onclick 更改 src=""

include - 使用 JS onclick 更改 src=""

问题描述

这是我在 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 内容中？

标签： include

解决方案

推荐阅读