修改母版中页面的Title

三、修改母版页的内容。(原创：灰灰虫的家http://hi.baidu.com/grayworm)
当我们在运行不同的内容页面时，要求母版面的内容也会根据不同的内容页面发生不的变化时，如何做呢？比如，我们想让每个不同的内容页面都有一个自己的标题（窗口标题栏中的文字），但标题栏的内容是在母版页中指定的，那我们如何为该母版页下的每个页面设置不同的标题呢？
有两种途径来解决我们的这个问题：
第一种法是我们在<%@ Page %>声明指示符中为内容页面视图声明Title属性。比如我们想把Index页面的标题设为“Super Great Website”，那我们可以把Index页面的声明指示符做如下声明。
<%@ page title="Super Great Website" language="C#" masterpagefile="~/Views/Shared/Site.Master" autoeventwireup="true" codebehind="Index.aspx.cs" inherits="MvcApplication1.Views.Home.Index"%>
当Index视图运行呈现在浏览器中的时候，它的标题就会显示在标题栏中，如下图所示。

《图5》

这里有很重要的一点需要大家注意：要想让上面的声明指示符能够正确执行，那我们在母版页中必须以替代传统的标记，如果标记中没有包含runat=”server”属性的话，那我们内容页面<%@ Page title="Super Great Website" %>的标题就不会显示出来，默认情况下，母版页中的标记是带有runat=”server”这个属性的。
另一个方法是我们在母版页中把需要在内容页面中修改的部份预先定义成标记。比如，我们想要在内容页面中修改母版页中的标题和meta标记，那我们在母版页的标记中加入一个标记。代码如下图所示：
Listing 4 – ViewsSharedSite2.master
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site2.Master.cs" Inherits="MvcApplication1.Views.Shared.Site2" %>
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml" >

我们可以看到在上面的标记中有默认的内容，如果我们在内容页面中不重写这个标记，那当内容页面运行的时候会显示这些默认的内容。

下面的代码中，我们重写了母版页标记中的标记，并显示了自定义的标题和meta信息。
Listing 5 – ViewsHomeIndex2.aspx
<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site2.Master" AutoEventWireup="true" CodeBehind="Index2.aspx.cs" Inherits="MvcApplication1.Views.Home.Index2" %>

Just some content in the body of the page.

修改母版中页面的Title相关推荐

android读取网页标题,如何获取WebView中页面的Title信息
应用开发中需要获取WebView当前页面的标题,可能通过对WebChromeClient.onReceivedTitle()方法的重写来实现代码如下:public class MainActivit ...
页面的title为乱码的话需要修改jsp页面pageEncoding=UTF-8
页面的title为乱码的话需要修改jsp页面pageEncoding="UTF-8" 转载于:https://blog.51cto.com/javazyx/1301876
vue 设置每个页面的title
vue 设置每个页面的title 由于vue文件中只有一个Index.html 文件 title 显示需要通过document.title来设置 1.router---index.js文件中添加met ...
使用vue-router设置每个页面的title
基本环境配置: webpack + vue2.0 + vue-router +nodeJS 进入 router 文件夹底下的index.js文件首先引入: import Vue from 'vue' ...
动态改变vue项目页面的title
其实也没啥,就是一句代码的事,只不过看在哪里执行而已.这句代码是: document.title = "新题目"; 一.动态改变vue项目页面的title vue只是一个前端框架, ...
xp桌面计算机在哪个文件夹,20100905 如何修改XP中电脑桌面的存储位置
如何修改XP中电脑桌面的文件的存储位置? 很多人为了方便,常常在XP的电脑桌面上新建文件或文件夹,当电脑突然崩溃时,有时会没有备份文件,等恢复系统后才想起来,结果有时会丢失不少很重要的文件.其实我们可 ...
微信小程序使用页面栈修改上一个页面的data数据
微信小程序中从一个页面A进入一个页面B,如果页面B的数据有改变,再返回页面A的时候需要把数据同步到页面A. 一般的方法有: 1. 使用本地缓存 wx.setStorage() 和 wx.getStor ...
修改页面的title及js中文转码
document.title="新标题" 编码 encodeURIComponent() 函数可把字符串作为 URI 组件进行编码. 解码 decodeURIComponent() ...
修改html页面的title,可以自定义
方式一: document.getElementsByTagName("title")[0].innerText = '需要设置的值'; document.title方式经过测试 ...

修改母版中页面的Title

修改母版中页面的Title相关推荐

最新文章

热门文章