Asp.net中动态在中加入Scrpit标签

最新推荐文章于 2024-03-13 14:00:31 发布

原创最新推荐文章于 2024-03-13 14:00:31 发布 · 390 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#asp.net #stylesheet #脚本 #javascript #html #null

ASP.NET 专栏收录该内容

126 篇文章

订阅专栏

本文介绍了一种在ASP.NET应用程序中动态加载CSS和JavaScript文件的方法。通过继承Page类并扩展HtmlScript类，实现方便地在运行时添加样式表和脚本资源。

许久以前，写过一篇《asp.net页中动态加入样式表文件》，后来发现在使用时如果每页都写这么个函数真是很麻烦，于是自己写了一个Page的派生。将这个函数加了进去。

       /**/ /// <summary>
     /// 作者邹健
     /// 日期 20070202
     /// 重载的Page类。
     /// </summary>
     public class ChPage : Page {
         /**/ /// <summary>
         /// 构造函数。
         /// </summary>
         public ChPage() { }
         /**/ /// <summary>
         /// Render函数。
         /// </summary>
         /// <param name="writer"> HtmlTextWriter。 </param>
         protected override void Render(HtmlTextWriter writer) {
             if (writer is System.Web.UI.Html32TextWriter) {
                writer = new FormFixerHtml32TextWriter(writer.InnerWriter);
            }
             else {
                writer = new FormFixerHtmlTextWriter(writer.InnerWriter);
            }
             base .Render(writer);
        }
         /**/ /// <summary>
         /// 设置Html标签内，的Link标签，如Css
         /// </summary>
         /// <param name="cssfile"> Css文件。 </param>
         protected void SetHtmlLink( string cssfile) {
            HtmlLink myHtmlLink = new HtmlLink();
            myHtmlLink.Href = cssfile;
            myHtmlLink.Attributes.Add( " rel " , " stylesheet " );
            myHtmlLink.Attributes.Add( " type " , " text/css " );
            Page.Header.Controls.Add(myHtmlLink);
        }
         /**/ /// <summary>
         /// 该函数可获得web.config中的字符串。
         /// </summary>
         /// <param name="Str"> 指定项的键值。 </param>
         /// <returns> 返回键值所指的值。 </returns>
         protected string GetString( string Str) {
             return System.Configuration.ConfigurationManager.AppSettings[Str];
        }
    }

但是后来发现在使用asp.net编程时，如果应用模板页的话，不止是css文件不容易后往里添，javascript文件也是如此，虽然说在模板页的<head />中建一个contentplaceholder也算可以，但那种方法毕竟不太雅，有失风范。于是就想按这种添加<link />标签的方法来泡制<script />
但发现在System.Web.UI.HtmlControls中有HtmlLink来表现<link />但却没有表现<Script />标签的类。
没办法了，因为懒所以只能自己写一个了，代码不长，如下。

namespace Chsword.Class {
     /// <summary>
     /// 可以生成script标签
     /// </summary>
    [ControlBuilder( typeof (HtmlEmptyTagControlBuilder)), AspNetHostingPermission(SecurityAction.InheritanceDemand, Level = AspNetHostingPermissionLevel.Minimal), AspNetHostingPermission(SecurityAction.LinkDemand, Level = AspNetHostingPermissionLevel.Minimal)]
     public class HtmlScript : HtmlControl {
         // Methods
         public HtmlScript()
            : base ( " script " ) {
        }
         protected override void Render(HtmlTextWriter writer) {
            writer.WriteBeginTag( this .TagName);
             this .RenderAttributes(writer);
            writer.Write(">");
            writer.WriteEndTag(TagName);
        }
         protected override void RenderAttributes(HtmlTextWriter writer) {
             if ( ! string .IsNullOrEmpty( this .Src)) {
                 base .Attributes[ " src " ] = base .ResolveClientUrl( this .Src);
            }
             base .Attributes[ " type " ] = " text/javascript " ;
             base .RenderAttributes(writer);
        }
         /// <summary>
         /// 脚本的URL
         /// </summary>
        [UrlProperty]
        [DefaultValue( "" )]
        [DesignerSerializationVisibility(DesignerSerializationVisibility.Hidden)]
         public virtual string Src {
             get {
                 string text = base .Attributes[ " src " ];
                 if (text == null ) {
                     return string .Empty;
                }
                 return text;
            }
             set {
                 base .Attributes[ " src " ] = MapStringAttributeToString(value);
            }
        }
         string MapStringAttributeToString( string s) {
             if ((s != null ) && (s.Length == 0 )) {
                 return null ;
            }
             return s;
        }
    }
}

随后我又在原来重写的ChPage类中添加了一个函数

         /// <summary>
         /// 设置script现在只能是type=text/javsscript的
         /// </summary>
         /// <param name="src"> 脚本地址 </param>
         protected void SetHtmlScript( string src) {
            HtmlScript myHtmlScript = new HtmlScript();
            myHtmlScript.Src = src;
            Page.Header.Controls.Add(myHtmlScript);
        }

使用方法

原来的页面脚本是这样的
vb.net

Partial Class Default

Inherits Page

C#应该类似Default : Page
现在只要改成

Partial Class Default

Inherits ChPage

C#相应为 Default:ChPage
就可以了

使用时只要在载入前的某个事件，比如Init或Load写 SetHtmlScript("/Javascript/MicrosoftAjax.js")
这样就OK了

直接再看看生成的HTML，吼吼，已经有你添加的<script src=""/Javascript/MicrosoftAjax.js" type="text/javascript"></script>了

本如果文章中有不足的地方请大家要提出啊

文章来自chsword[邹健的博客]允许转载麻烦留言