ASP.NET母版页中的元素增强Javascript

Question

我遇到了一个问题，做了一些挖掘工作，但是努力提出一个最终的答案/解决方案。

基本上，我有一些JavaScript（由第3方创建），可以对页面元素进行一些处理，使它们看起来更漂亮。 该代码在单个页面上（即没有母版）效果很好，但是，当我尝试将效果应用于母版中的内容页面时，它不起作用。

简而言之，我有一个母版页，其中包含主脚本参考。 所有页面都将使用该脚本，但是传递给它的参数对于内容页面将有所不同。

母版页脚本参考

<script src="scripts.js" language="javascript" type="text/javascript" />

单页

<script>
    MakePretty("elementID");
</script>

如您所见，我在每个页面中都需要引用（因此它在母版中），但是我想“ MakePretty”的实际元素将根据内容而变化。

内容页

现在，由于内容页面没有<head>元素，我一直在使用以下代码将其添加到母版页<head>元素：

HtmlGenericControl ctl = new HtmlGenericControl("script");
ctl.Attributes.Add("language", "javascript");
ctl.InnerHtml = @"MakePretty(""elementID"")";
Master.Page.Header.Controls.Add(ctl);

现在，这无法正常工作 。 但是，如果我替换为alert("HI!")类的简单内容，则一切正常。 因此，代码被添加好了，只是看起来并不总是根据所执行的操作执行。

现在，做完一些挖掘后，我了解到内容页面的Load事件是在母版页面之前引发的，这可能会产生影响，但是，我认为页面上的javascript一次全部加载/运行了吗？

如果这是一个愚蠢的问题，请原谅我，但是使用javascript还是比较陌生，尤其是在母版页场景中。

如何获得内容页面以调用母版页中引用的javascript代码？

感谢您提供的所有/所有帮助，您真的会帮助我解决这个工作问题。

笔记：

• RegisterStartupScript之类的东西似乎在任何级别上都不起作用。
• 即使在MasterPage环境中，控件ID的设置也很好，并且可以按预期呈现。

---

抱歉，如果其中任何一个不清楚，我真的很累，因此如果需要重新输入文字/说明，请在此发表评论。

Answer 1

将ContentPlaceHolder放在母版页的开头部分，然后在内容页上引用占位符添加一个asp：Content控件，然后将脚本放入该控件中。 您可以通过这种方式为每个页面自定义它。

另外，按ID引用可能不起作用，因为当您使用母版页时，页面上的控件ID是根据容器结构自动创建的。 因此，可能不是输出“ elementID”，而是输出“ ctl00_MainContentPlaceHolder_elementID”。查看您的源代码或使用firebug检查您的表单元素以查看输出的ID。

Answer 2

干净的javascript不可能吗？

-只需在body标签内添加与此类似的内容：

<script type="text/javascript">
  window.onload = function(){
    MakePretty("elementID");
  }
</script>

顺便说一句，脚本标签必须具有结束标签：

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

Answer 3

为什么不使用jQuery查找所有控件？ 像这样：

$(document).ready(function(){
  $("input[type='text'], input[type='radio'], input[type='checkbox'], select, textarea").each(function(){
    MakePretty(this);
  });
});

这样，您将获得页面上的所有元素，可以等到页面准备好（这样就不会非法修改DOM）。 jQuery选择器可以在需要时以某种特定格式获取元素（即，添加一个根元素，例如body div的ID）。

最好还是修改MakePretty方法，以便它使用元素而不是ID作为参数来减少处理开销。

Answer 4

使用母版页后，客户端上的控件ID并不是您认为的那样。 生成脚本时，应使用Control.ClientID。

Answer 5

使用母版页时，您需要注意html属性ID，因为.NET将修改此值，因为它需要保持ID唯一。

我会假设您的JavaScript通过ID应用CSS样式，并且当您使用母版页时，ID与ASPX中的ID不同。 如果您确认始终在添加JavaScript，则您的答案需要考虑以下因素：

• 始终在页面加载中设置您的母版页I​​D（this.ID =“ myPrefix”;）
• 母版页中的任何HTML元素都将以母版页ID开头（即：在呈现的页面上为“ myPrefix_myDiv”）
• 内容占位符ID中的任何HTML元素都将附加一个前缀（即myPrefix_ContentPlaceHolderId1_myDiv）

请让我知道是否可以澄清任何事情。 希望这可以帮助！