內容頁嵌套母版頁時,內容頁如何調用css和javascript

當在做項目時,通常我們會大量的使用母版頁,使用母版頁的好處顯而易見,但通常在內容頁中嵌套母版頁時,我們還要在內容頁中調用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函數的目的了。 

發佈了66 篇原創文章 · 獲贊 6 · 訪問量 12萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章