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

Question

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

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

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

编辑1：处理重复标记。

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

但是只是说 "put the scripts in a JS file and include the file on your page" 之类的话不是我的问题的解决方案，因为它只是隐藏了文件中的口是心非。

编辑2：我现在已经试过了。

根据下面 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>

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

编辑 3：我很烂。

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

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

它按预期工作。谢谢！

Answer 1

在母版页的 head 标签内。添加您的脚本参考，例如：

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

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

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

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

做完这些步骤，如果还有问题，就在这个post更新。

How to use the same javascripts in multiple content pages?