内容页嵌套母版页时,内容页如何调用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.
母版页代码:
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>
内容页代码:
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函数的目的了。
转载于:https://www.cnblogs.com/bin0909/archive/2010/03/28/1698774.html
内容页嵌套母版页时,内容页如何调用css和javascript相关推荐
- VS2008(C#)子页嵌套母版页的控件访问方法(二)
VS2008(C#)子页嵌套母版页的控件访问方法(二)--嵌套两层母板页 子页嵌套了两层母版页后,访问第一层.第二层母版页中控件的方法如下 第一层母版页HTML代码 <%@ Master Lan ...
- 使用母版页时内容页如何使用css和javascript
由于网站的主要频道页和列表页的头部和底部都是一样的,如果将每个页面放在单独的页面中,当头部和底部需要更改时维护量太大.于是想把头部和底部做成母版页,频道页和列表页的具体内容放到内容页中.这样当头和底需 ...
- 上一页下一页_Excel打印时一页放不下,4招轻松搞定,省下的纸叫老板加工资
工作中,都需要制作各种数据表格,有时候内容太多,打印的时候发现,1页放不下,有一部分内容打印到了第2页纸上面去了,又得回去重新打印,这类问题是每个办公人员很头痛的事,今天学会这5招,轻轻松松解决打印成 ...
- ASP母版页与内容页不同目录 链接问题
由于母版页给网站的开发带来了很多的便利,但是同时也存在一个非常大的缺陷,就是母版页与内容页在不同目录下时,会出现应用js,css,图片等失效的问题,通过前面两篇文章基本解决了js.css.图片的问题, ...
- ASP.NET母版页和内容页之间如何互相传值?
我们在asp.net中创建一个完整的母版页之后,接下来必然要创建内容页.从用户访问的角度来讲,内容页与最终结果页的访问路径相同,这好像表明二者是同一文件,实际不然.结果页是一个虚拟的页面,没有实际代码 ...
- asp.net C#母版页和内容页事件排版加载顺序生命周期
asp.net C#母版页和内容页事件排版加载顺序生命周期 关于ASP页面Page_Load发生在事件之前而导致的问题已经喜闻乐见,对于问题的解释也很全面,但是如何解决问题则较少有人说明,我就再 简单 ...
- php 母版页,.NET_ASP.NET 2.0 中的创建母版页, 虽然母版页和内容页功能 - phpStudy...
ASP.NET 2.0 中的创建母版页 虽然母版页和内容页功能强大,但是其创建和应用过程并不复杂.本节和下一节将以创建如图1所示示例为例,向读者详细介绍,使用Visual Stuido 2005创建母 ...
- 母版页和内容页的使用
虽然母版页和内容页功能强大,但是其创建和应用过程并不复杂.本节和下一节将以创建如图 1 所示示例为例,向读者详细介绍,使用 Visual Stuido 2005 创建母版页和内容页的方法以及相关知识. ...
- ASP.NET:母版页与内容页
ASP.NET:验证控件 ASP.NET:母版页与内容页 ASP.NET:主题中的皮肤和样式表 一.使用多种方式为内容页加载母版页 默认情况下是给单个内容页指定一个母版页加载,当多个内容页需加载到同一 ...
最新文章
- css3中的box-sizing属性
- 数据结构之链表、栈和队列 java代码实现
- Vue开发微信H5 微信分享签名失败问题解决方案
- 完美解决MySQL重装问题
- 机器学习算法源码全解析(一)-带你深入理解随机森林(RandomForest)原理及如何防止 Dropout
- java中批次号_在一个批次中插入多笔记录的几种方法
- cad线加粗怎么设置_原来CAD的线条还可以这样加粗!还能修改初始单位!太实用了...
- [LeetCode] Interleaving String
- 飞鸽传书 2010Beta2.0正式版预计本月内即可上线
- 【Kafka】Consumer group 'console-consumer-28367' has no active members.
- 滴滴技术总监受贿 1000 万,列入招聘黑名单,互联网大厂反腐有多强?
- [转载] python int类数据的内存大小
- 数据链路层的介质访问控制协议
- Qt样式表Qss(什么是QSS;基本语法;setStyleSheet函数;样式表的属性值;利用QtCreate实现样式切换;样式表实现皮肤改变实例)
- dell重装系统后找不到无线网卡驱动
- GNU开发工具——WireShark网络分析工具
- 阿里 M8 级大神整理出 SQL 手册:收获不止 SQL 优化,抓住 SQL 的本质
- Counting Liars
- variant 类型
- .NET c#音乐播放器
热门文章
- 熬夜整理了免费的数据源网站大全,再也不愁找不到数据练手
- 1核1g java_wordpress博客1核1G1M够用吗
- unity安卓打包修改启动画面_Unity自动化打包Android APK
- html5片转为base64,base64和图片的互转(HTML5的File实现)
- minus sql oracle,在T-SQL中实现Oracle的MINUS集合运算符
- android app打开流程_app开发模式的应用
- python ide安装_Python基础学习笔记(一)安装以及IDE的配置
- tensorflow sigmoid 如何计算训练数据的正确率_“来自蒙娜丽莎的凝视”— 结合 TensorFlow.js 和深度学习实现...
- java new 新对象_java基础(五)-----new一个对象的具体过程
- 仿苹果涂鸦软件_有没有仿ios12备忘录便签软件?