内容页嵌套母版页时，内容页如何调用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样式实现