代码之家  ›  专栏  ›  技术社区  ›  Skillzore

如何在多个内容页中使用相同的Javascript?[副本]

  •  0
  • Skillzore  · 技术社区  · 7 年前

    我有4个javascripts <script> 我的内容页。它们处理弹出窗口,并在单击按钮时禁用其他按钮。所以目前我在每个页面上都有很多重复的脚本代码。

    我搜索了谷歌,但没有找到任何好的答案。

    编辑1:

    我在这里主要是为了避免重复代码,这就是为什么我想把它放在我的母版页中。如果可以将我的脚本放在JS文件中,请将其包含在母版页上,并让我的所有内容页从那里访问脚本。那么这绝对是我问题的解决方案,我很乐意接受一个描述我是如何做到这一点的答案。要明确的是,这是我还没有找到如何做的访问部分。

    但是仅仅说“把脚本放在一个JS文件中,并在页面上包含该文件”是 我的问题的解决方案,因为它只是隐藏了文件中的重复性。

    我现在已经试过了。

    根据M Idrees下面的回答,我已将我的脚本放入 buttonScripts.js ,位于“我的项目脚本”文件夹中。我将其添加到主页的标题中:

    <head runat="server">
        <script type="text/javascript" src="~/Scripts/buttonScripts.js"></script>
        ...
    </head>
    

    我保留了按钮上的点击功能:

    <button ... onclick="if (!myFunc(this)) { return false; }"></button>
    

    这是我还没有找到的访问部分

    编辑3: 我很烂。

    <head runat="server">
        <script type="text/javascript" src="Scripts/buttonScripts.js"></script>
        ...
    </head>
    

    它按预期工作。谢谢

    1 回复  |  直到 7 年前
        1
  •  1
  •   M_Idrees    7 年前

    在母版页的头标签内。添加脚本引用,如:

    <script type="text/javascript" src="path/to/script.js"></script>
    

    从内容页中删除所有其他脚本引用。它将自动从母版页获取。

    执行这些步骤,如果仍然有任何问题,只需在本文中更新。