点击这里给我发消息 点击这里给我发消息

内容页嵌套母版页时,内容页如何调用css和javascript

添加时间:2011-6-25
    相关阅读: 开发 方案 页面 HTML C# 项目

当在做项目时,通常我们会大量的使用母版页,使用母版页的好处显而易见,但通常在内容页中嵌套母版页时,我们还要在内容页中调用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函数的目的了

本文作者:未知
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册