ASP.NET動的にHTML要素を追加する方法の実例と結果


この実例は、ASP.NETの動的なHTML要素を追加する方法を説明する。皆さんに参考にしてあげます。具体的には以下の通りです。
asp.netを使ってweb開発を行う場合、ページの中のの情報はasp.netのcsファイルを通じて動的に指定できます。
1、スタイルシートを動的に追加する

/*       */
HtmlLink link = new HtmlLink();
link.Attributes.Add("type", "text/css");
link.Attributes.Add("rel", "stylesheet");
link.Attributes.Add("href", "/css/base.css");
this.Header.Controls.Add(link);

2、ダイナミックにスタイルを追加する

/*      */
Style style = new Style();
style.Font.Size = 20;
style.ForeColor = System.Drawing.Color.Navy;
style.BackColor = System.Drawing.Color.LightGray;
this.Header.StyleSheet.CreateStyleRule(style, null, "body");

3、ダイナミック追加Meta

/*    Meta*/
HtmlMeta meta = new HtmlMeta();
meta.Name = "keywords";
meta.Content = "Your keywords here";
this.Header.Controls.Add(meta);
meta = new HtmlMeta();
meta.Name = "company";
meta.Content = "microsoft";
this.Header.Controls.Add(meta);
meta = new HtmlMeta();
meta.Name = "date";
meta.Content = DateTime.Now.ToString("yyyy-MM-dd");
meta.Scheme = "YYYY-MM-DD";
this.Header.Controls.Add(meta);

4、動態的にjsファイルを追加する

/*    js  */
HtmlGenericControl si = new HtmlGenericControl();
si.TagName = "script";
si.Attributes.Add("language", "javascript");
si.Attributes.Add("type", "text/javascript");
si.Attributes.Add("src", "/js/common/base.js");//       
this.Page.Header.Controls.Add(si);

注意事項
上記のコードを使用すると、ラベルにはrunal="server"(サーバコントロール)を追加する必要があります。

<head runat="server">
</head>

asp.netに関するものについてもっと興味がある方は、本駅のテーマを見てください。「asp.net最適化技巧まとめ」、「asp.net文字列操作技巧のまとめ」、「asp.net操作XML技巧まとめ」、「asp.netファイル操作技術のまとめ」、「asp.net ajax技巧総括テーマ」および「asp.netキャッシュ操作技術のまとめ」。
この文章は皆様のasp.netプログラムの設計に役に立ちますように。