我在项目的根目下建了一个名为和JScript.js和StyleSheet.css文件。前端页面放了一个Div和input。div用于使用样式，input用于测试js.
JScript.js的内容为：
function funMessageShow() {
alert("测试加载Js");
}
StyleSheet.css的内容为：
.testCss
{
background-color:Gray;
}
前端页面的html源码为：
<form id="form1" runat="server">
<div class="testCss">
测试加载Css
</div>
<input id="btnShow" type="button" value="测试加载js" onclick="return funMessageShow();" />
</form>
现在要从后台动态加载它们。
加载Css的主要代码为：
代码
/// <summary>
/// 正常加载CSS
/// </summary>
/// <param name="pPage">要加载的页面</param>
/// <param name="sStyleLink">样式url</param>
public void LinkStyle(Page pPage, string sStyleLink)
{
System.Web.UI.HtmlControls.HtmlLink hlLink = new System.Web.UI.HtmlControls.HtmlLink();
hlLink.Attributes.Add("rel", "stylesheet");
hlLink.Attributes.Add("type", "text/css");
hlLink.Attributes.Add("href", sStyleLink);
Page.Header.Controls.Add(hlLink);
}
加载Js的代码为 ：
代码
/// <summary>
/// 正常加载Js
/// </summary>
/// <param name="pPage">要加载的页面</param>
/// <param name="sJsUrl">js的url</param>
public void LinkJs(Page pPage, string sJsUrl)
{
System.Web.UI.HtmlControls.HtmlGenericControl hgcLoadJs = new System.Web.UI.HtmlControls.HtmlGenericControl();
hgcLoadJs.TagName = "script";
hgcLoadJs.Attributes.Add("type", "text/javascript");
hgcLoadJs.Attributes.Add("src", Page.ResolveClientUrl(sJsUrl)); //ResolveClientUrl:获取浏览器可以使用的 URL
Page.Header.Controls.Add(hgcLoadJs);
}
后台完整的代码如下，包含对是否已加载的判断代码。
代码
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
string sThisJsUrl = "JScript.js";
string sThisStyleUrl = "StyleSheet.css";
LinkStyle(this.Page, sThisStyleUrl);
LinkJs(this.Page, sThisJsUrl);
//ReferenceAjaxScript(this.Page, sThisJs);
//ReferenceJs(this.Page, sThisJs, sThisJs);
judgeCssExist(sThisStyleUrl);
judgeJsExist(sThisJsUrl);
}
}
#region 加载Css
/// <summary>
/// 正常加载CSS
/// </summary>
/// <param name="pPage">要加载的页面</param>
/// <param name="sStyleLink">样式url</param>
public void LinkStyle(Page pPage, string sStyleLink)
{
System.Web.UI.HtmlControls.HtmlLink hlLink = new System.Web.UI.HtmlControls.HtmlLink();
hlLink.Attributes.Add("rel", "stylesheet");
hlLink.Attributes.Add("type", "text/css");
hlLink.Attributes.Add("href", sStyleLink);
Page.Header.Controls.Add(hlLink);
}
//加css不同法，功能与上边方法相同
public void LinkStyle2(Page pPage, string sStyleLink)
{
System.Web.UI.HtmlControls.HtmlGenericControl objLink = new System.Web.UI.HtmlControls.HtmlGenericControl();
objLink.TagName = "link";
objLink.Attributes["rel"] = "stylesheet";
objLink.Attributes["type"] = "text/css";
objLink.Attributes["href"] = sStyleLink;
Page.Header.Controls.Add(objLink);
}
#endregion
#region 加载Js
/// <summary>
/// 正常加载Js
/// </summary>
/// <param name="pPage">要加载的页面</param>
/// <param name="sJsUrl">js的url</param>
public void LinkJs(Page pPage, string sJsUrl)
{
System.Web.UI.HtmlControls.HtmlGenericControl hgcLoadJs = new System.Web.UI.HtmlControls.HtmlGenericControl();
hgcLoadJs.TagName = "script";
hgcLoadJs.Attributes.Add("type", "text/javascript");
hgcLoadJs.Attributes.Add("src", Page.ResolveClientUrl(sJsUrl)); //ResolveClientUrl:获取浏览器可以使用的 URL
Page.Header.Controls.Add(hgcLoadJs);
}
/// <summary>
/// 加载js
/// </summary>
/// <param name="pPage">要加载的页面</param>
/// <param name="sJsName">js名称</param>
/// <param name="sJsUrl">js的Url</param>
public void ReferenceJs(Page pPage,string sJsName,string sJsUrl)
{
Type tPage = Page.GetType();
ClientScriptManager csmManager = Page.ClientScript;
if (!csmManager.IsClientScriptIncludeRegistered(tPage, sJsName))
{
csmManager.RegisterClientScriptInclude(tPage, sJsName, Page.ResolveClientUrl(sJsUrl));
}
}
#endregion
/// <summary>
/// 在Ajax方式下加载Js
/// </summary>
/// <param name="pPage">要加载的页面</param>
/// <param name="sJsUrl">js的url</param>
public void ReferenceAjaxScript(Page pPage, string sJsUrl)
{
ScriptReference srReference = new ScriptReference(sJsUrl);
ScriptManager smManager = ScriptManager.GetCurrent(pPage);
if (smManager != null)
{
smManager.Scripts.Add(srReference);
}
}
/// <summary>
/// 判断Css是否已加载
/// </summary>
/// <param name="sCssUrl">css url</param>
private void judgeCssExist(string sCssUrl)
{
ControlCollection ccCollection = Page.Header.Controls;
if (ccCollection.Count > 0)
{
foreach (Control cItem in ccCollection)
{
if (cItem.GetType() == typeof(System.Web.UI.HtmlControls.HtmlLink))
{
System.Web.UI.HtmlControls.HtmlLink hlLink = cItem as System.Web.UI.HtmlControls.HtmlLink;
if (hlLink.Attributes["href"].ToString() == sCssUrl)
{
Response.Write("此CSS已存在，无须加载!<br/>");
}
}
}
}
}
/// <summary>
/// 判断js是否已加载
/// </summary>
/// <param name="sJsUrl">js url</param>
private void judgeJsExist(string sJsUrl)
{
ControlCollection ccCollection = Page.Header.Controls;
if (ccCollection.Count > 0)
{
foreach (Control cItem in ccCollection)
{
if (cItem.GetType() == typeof(System.Web.UI.HtmlControls.HtmlGenericControl))
{
System.Web.UI.HtmlControls.HtmlGenericControl hgcControl = cItem as System.Web.UI.HtmlControls.HtmlGenericControl;
if (hgcControl.Attributes["src"].ToString() == sJsUrl)
{
Response.Write("此Js已存在，无须加载!<br/>");
}
}
}
}
}
}
