当在做项目时，通常我们会大量的使用母版页，使用母版页的好处显而易见，但通常在内容页中嵌套母版页时，我们还要在内容页中调用css样式和javascript函数，好处有了，问题也来了。有两种解决方法，第一种就是在母版页的头部<head></head>标记中，嵌入所有css样式和javascript函数，这样做使得母版页的内容非常庞大，如果其中的一些内容页并不需要其中的css样式和js函数，在页面加载时，还是会去从母版页中加载，所以这种方案虽然可行，但并不完美。方案二：就是在母版页的头部<head></head>标记中放入<asp:ContentPlaceHolder id="head" runat="server"> </asp:ContentPlaceHolder>控件，在内容页中再添加一个<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">控件，ID属性设为<asp:ContentPlaceHolder>的ID值。这样就可以在内容页中嵌入css样式和js函数了。下面是代码，我的开发环境是Microsoft Visual Studio 2008.
母版页代码：
代码
<% @ Master Language = " C# " AutoEventWireup = " true " CodeFile = " indexPage.master.cs "
Inherits = " indexPage " %> <% @ Register Assembly = " AjaxControlToolkit "
Namespace = " AjaxControlToolkit " TagPrefix = " cc1 " %>
<! DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN " " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd " >
< html xmlns = " http://www.w3.org/1999/xhtml " >< head id = " Head1 " runat = " server " >
< title > Home Page </ title > <%-- 此处放入ContentPlaceHolder控件 --%>
< asp:ContentPlaceHolder id = " head " runat = " server " > </ asp:ContentPlaceHolder >
< meta http - equiv = " content-type " content = " text/html;charset=utf-8 " /></ head >
内容页代码：
代码
<% @ Page Title = "" Language = " C# " MasterPageFile = " ~/indexPage.master "
AutoEventWireup = " true " CodeFile = " companiesTest.aspx.cs "
Inherits = " companiesTest " %>< asp:Content ID = " Content1 "
ContentPlaceHolderID = " head " Runat = " Server " >
<%-- Content控件内，放入要调用的css样式和js函数 --%>
< link href = " css/uses.css " rel = " stylesheet " type = " text/css " />
<%-- 此处放入要调用的css样式和js函数 --%>
< link href = " css/youle.css " rel = " stylesheet " type = " text/css " />
< link href = " css/slide4.css " rel = " stylesheet " type = " text/css " />
< link href = " css/pointStyleSheet.css " rel = " Stylesheet " type = " text/css " />
< script type = " text/javascript " src = " js/youle.js " ></ script >
< link href = " OKQQ/images/qq.css " rel = " stylesheet " type = " text/css " />
< script language = ' javascript ' src = ' OKQQ/ServiceQQ.js '
type = ' text/javascript ' charset = ' utf-8 ' ></ script ></ asp:Content >
< asp:Content ID = " Content2 " ContentPlaceHolderID = " ContentPlaceHolder1 "
Runat = " Server " ></ asp:Content >
到这里就已经完成了在内容页中插入css样式和js函数的目的了。
175
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
