javascript - 如何在多个内容页面中使用相同的javascript？

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

是否可以将这些脚本放在母版页中并让我的所有内容页都引用它们？如果是这样，我应该将它们放在母版页的什么位置以及如何在单击按钮时引用它们？

我在谷歌上搜索过，但没有找到任何好的答案。

编辑1:处理重复标记。

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

但是只是说“将脚本放入 JS 文件中并将该文件包含在页面上”，不是解决我的问题，因为它只是隐藏了文件中的口是心非。

编辑2:我现在尝试过的。

根据下面 M Idrees 的回答，我已将脚本放入 buttonScripts.js 中，它位于我的项目 Scripts 文件夹中。我将其添加到我的母版页的头部:

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

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

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

然后我从内容页面中删除了脚本并启动了我的网络应用程序。现在我收到错误“myFunc 未定义”。这就是我上面所说的“这是我还没有找到如何操作的访问部分”的意思。

编辑3:我很糟糕。

尝试使用相对路径，如上所示。有了正确的路径:

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

它按预期工作。谢谢!

最佳答案

在母版页的 head 标记内。添加您的脚本引用，例如:

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

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

关于你的观点:这是我还没有找到如何做的访问部分。

您无需更改有关访问脚本代码的任何内容。它将像现在一样工作。

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

关于javascript - 如何在多个内容页面中使用相同的javascript？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45586279/