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

2020-03-24 16:55:05

字體：大中小

來源：轉載

供稿：網友

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

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。

上一篇：CSS技巧：import與link的具體區別

下一篇：實時切換網頁的CSS樣式實現