我在项目的根目下建了一个名为和JScript.js和StyleSheet.css文件。前端页面放了一个Div和input。div用于使用样式,input用于测试js.
JScript.js的内容为:
function funMessageShow() {
alert("测试加载Js");
}
alert("测试加载Js");
}
StyleSheet.css的内容为:
.testCss
{
background-color:Gray;
}
{
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>
<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);
}
/// 正常加载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);
}