asp.net 服务器控件 - 避免添加多个 javascript

Question

我创建了一个派生自 LinkBut​​ton 的 asp.net 服务器控件，并向页面呈现一个小的 javascript 函数。

我想在页面上多次使用此控件，但只想在页面上渲染一次 javascript。另一方面，我宁愿不手动将其添加到js文件中，因为我不想将来有机会忘记添加js文件。

这样做的最佳方法是什么？

Answer 1

防止客户端脚本中出现重复

使用注册方法，例如 Page.ClientScript.RegisterClientScriptBlock(..)。有一些重载，但它们都以相似的方式工作。它足够聪明，无论发出多少个控制实例，都只渲染一次脚本。

Microsoft MSDN 文档中的注释：

客户端脚本是唯一标识的
通过它的键和类型。脚本与
考虑相同的密钥和类型
重复。只有一个脚本带有
给定的类型和密钥对可以是
已在页面注册。 尝试
注册一个已经存在的脚本
注册不会创建重复项
脚本。

MSDN 文档还包含示例代码，如下所示：

// Check to see if the client script is already registered.
if (!cs.IsClientScriptBlockRegistered(cstype, csname2))
{
  StringBuilder cstext2 = new StringBuilder();
  cstext2.Append("<script type=text/javascript> function DoClick() {");
  cstext2.Append("Form1.Message.value='Text from client script.'} </");
  cstext2.Append("script>");
  cs.RegisterClientScriptBlock(cstype, csname2, cstext2.ToString(), false);
}

其他类似的注册方法

可以使用不同的方法以不同的方式注册您的客户端脚本 - 请参阅每个 ClientScriptManager.RegisterClientScript*(..) 中的方法MSDN 了解有关每个内容的更多详细信息。它们都是为了防止渲染页面中出现重复而构建的。

这使您可以自由地在控制级别输出脚本，而不必担心或不必跟踪或计数脚本。

编辑：

ClientScriptManager 实例通过 Page.ClientScript 属性。

Answer 2

您可以使用 Page.RegisterClientScriptBlock 方法。

这是来自 MSDN 的示例：

if (!this.IsClientScriptBlockRegistered("clientScript"))
{
  // Form the script that is to be registered at client side.
  String scriptString = "<script language=\"JavaScript\"> function DoClick() {";
  scriptString += "myForm.show.value='Welcome to Microsoft .NET'}<";
  scriptString += "/";
  scriptString += "script>";
  this.RegisterClientScriptBlock("clientScript", scriptString);
}

HTH

Answer 3

有什么方法可以引用 CDN 上的脚本而不使其重复多次吗？或者我可以不担心它，因为它只是一个指针，并且浏览器（？）足够聪明，不会加载同一个库两次？

换句话说，假设我希望从服务器控件插入以下代码：

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

如果我使用 RegisterClientScriptBlock，我可以使用 IsClientScriptBlockRegistered 方法来避免服务器控件多次加载它。但是，前面的代码很可能是由另一个（不同的）服务器控件或想要将 jQuery 用于服务器控件之外的内容的开发人员放在页面上的。

如果开发人员已经加载了脚本，如何让服务器控件不加载脚本？