webForm需要给所以页面派生个父类BasePage,然后在BasePage中给每个页面的Header添加css和js文件。当然也可以用js的方法,如新建一个js文件,然后在里面写document.write("<script src='js地址'>")引用进去,但是缺点是每个页面还要配置js,比较麻烦,对一般后台来说,还是写在类里比较方便。
下面是添加动态js和css的代码。
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; using System.Web.UI; using System.Web.UI.HtmlControls; namespace Utility.WebForm { public class HtmlControl { /// <summary> /// 注册js /// </summary> /// <param name="page"></param> /// <param name="url"></param> public static void RegJs(Page page, string[] url) { foreach (var item in url) { HtmlGenericControl htmlGenericControl = new HtmlGenericControl(); htmlGenericControl.TagName = "script"; htmlGenericControl.Attributes.Add("type", "text/javascript"); htmlGenericControl.Attributes.Add("src", item); page.Header.Controls.Add(htmlGenericControl); } } /// <summary> /// 注册Css /// </summary> /// <param name="page"></param> /// <param name="url"></param> public static void RegCss(Page page, string[] url) { foreach (var item in url) { HtmlLink htmlLink = new HtmlLink(); htmlLink.Href = item; htmlLink.Attributes.Add("type", "text/css"); htmlLink.Attributes.Add("rel", "Stylesheet"); page.Header.Controls.Add(htmlLink); } } } }
在webForm中调用时这样的,只需要配置css和js就好了
using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Threading.Tasks; namespace Utility.WebForm { /// <summary> /// 基本页面类的父类/// </summary> public class PageBase: System.Web.UI.Page { #region 静态资源地址 public string[] Css{ get;set;} public string[] Js { get; set; } #endregion /// <summary> /// 页面初始化 /// </summary> protected override void OnInit(EventArgs e) { #region 权限检测 //。。。 #endregion #region 设置公共页面样式 HtmlControl.RegCss(this, Css); HtmlControl.RegJs(this, Js); #endregion } public PageBase() { Css = new string[]{ "/Content/bootstrap/bootstrap.min.css", "/Content/bootstrap/bootstrap-responsive.min.css", "/Content/ligerUI/skins/Aqua/css/ligerui-all.css", "/content/comom/formcommon.css" }; Js = new string[]{ "/Content/Jquery/jquery-1.9.1.min.js", "/Content/bootstrap/bootstrap.min.js", "/Content/ligerUI/js/ligerui.min.js", "/Public/Js/My97DatePicker/WdatePicker.js", "/content/comom/formcom.js" }; } //。。。其他代码。。。 } }
需要说明的地方:
只要我们在html标签上面加了runat,他就会生成一个htmlGenericControl类。
在 .aspx文件中我们将一个div定义成服务器控件
<div runat="server" id="div1" title="网站管理">
然后再 .aspx.designer.cs文件中会自动给我们加上这样的标签
/// <summary> /// div1 控件。 /// </summary> /// <remarks> /// 自动生成的字段。 /// 若要进行修改,请将字段声明从设计器文件移到代码隐藏文件。 /// </remarks> protected global::System.Web.UI.HtmlControls.HtmlGenericControl div1;
所以我们也可以手动定义htmlGenericControl然后将他添加到另一个服务器控件中,如header中。
下载说明
☉本站所有源码和资源均由站长亲自测试-绝对保证都可以架设,运营!
☉如源码和资源有损坏或所有链接均不能下载,请告知管理员,
☉本站软件和源码大部分为站长独资,资源购买和收集,放心下载!
☉唯一站长QQ:1004003180 [人格担保-本站注重诚信!]
☉购买建议E-mail:1004003180@qq.com 源码收购 E-mail:1004003180@qq.com
☉本站文件解压密码 【文章内都自带解压密码,每个密码不同!】