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

时间:2017-08-09 09:09:16

标签: javascript asp.net master-pages

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

是否可以在母版页中使用这些脚本并让所有内容页面引用它们?如果是这样,我在母版页中放置它们,如何在单击按钮时引用它们?

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

编辑1:处理重复的标记。

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

但是只是说,#34;将脚本放在一个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>

然后我从我的内容页面中删除了脚本并启动了我的Web应用程序。现在我收到了错误&#34; myFunc未定义&#34;。这就是我的意思&#34; 它是我无法找到的访问部分&#34;上方。

编辑3:我很糟糕。

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

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

按预期工作。谢谢!

1 个答案:

答案 0 :(得分:1)

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

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

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

关于你的观点:这是我无法找到的访问部分。

您不必更改有关访问脚本代码的任何信息。它可以正常工作。

执行这些步骤,如果仍然有任何问题,请在此帖子中进行更新。