我在项目的根目下建了一个名为和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);
               
    }

相关文章: