ASP.NET 2.0创建母版页引来的麻烦(1)

作者: YJingLee 出处:博客园　2007-11-01 12:47　砖好评论条　进入论坛

阅读提示：本文将为大家介绍一下ASP.NET 2.0在创建母版页时引来的麻烦，并分析了问题产生的实质，大家在实际操作中多多注意一下。

【引自YJingLee的博客】一、问题提出

由于总体排版和设计的需要，我们往往创建母版页来实现整个网站的统一性，最近我由于统一性的需要，把原来整个项目单独的页面全部套用了母版页。但是出现了一个错误……在这里记录一下，方便大家参考。

二、抽象模型

由于整个页面内容过多，所以我把这个页面中最为本质的问题抽象出来。

原来单一页面，就是利用按钮触发JS事件，在文本域中插入“(_)”功能，其实现代码如下：

以下是引用片段：
<%@ Page Language="C#" AutoEventWireup="true"  
CodeFile="Default.aspx.cs" Inherits="_Default" %> 
<!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 runat="server"> 
<title>单一页面抽象模型－YJingLee</title> 
<script language="javascript" type="text/javascript"> 
// <!CDATA[ 
function insert() { 
document.getElementById("txt").value=document.getElementById("txt").value+"(__)";
return; 
} 
// ]]> 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
<textarea id="txt" runat="server" name="txt" 
rows="10" cols="50"></textarea> 
<asp:Button ID="btnInsert" runat="server" 
Text="服务器端插入(_)"  OnClientClick="insert();"/> 
<input id="btnInsert2" name="insert" onclick="insert();" 
type="button" value="客户端插入(_)" runat="server"/></div> 
</form> 
</body> 
</html>

上述页面可以正常使用。后来使用模板页后，其代码如下：

以下是引用片段：
<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" 
   AutoEventWireup="true" CodeFile="Default2.aspx.cs" 
   Inherits="Default2" Title="使用母版页面抽象模型－YJingLee" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server"> 
<script language="javascript" type="text/javascript"> 
// <!CDATA[ 
function insert() { 
document.getElementById("txt").value=document.getElementById("txt").value+"(__)";
        return; 
} 
// ]]> 
</script> 
<div> 
<textarea id="txt" runat="server" name="txt" 
           rows="10" cols="50"></textarea> 
<asp:Button ID="btnInsert" runat="server" Text="服务器端插入(_)"  
           OnClientClick="insert();"/> 
<input id="btnInsert2" name="insert" onclick="insert();" 
           type="button" value="客户端插入(_)" runat="server"/></div> 
</asp:Content>

当打开后按下按钮出现了“Microsoft JScript 运行时错误: 'document.getElementById(...)' 为空或不是对象”。这是什么原因呢?原来好好的，怎么套用个母版页就出现这个奇怪的问题呢?困扰了好久，和朋友讨论了一下，终于找到了答案……

三、分析本质

原来我们仔细看看其生成的HTML代码：

单一页面：

以下是引用片段：
<!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><title>    单一页面抽象模型－YJingLee</title> 
<script language="javascript" type="text/javascript"> 
// <!CDATA[ 
function insert() { 
document.getElementById("txt").value=document.getElementById("txt").value+"(__)";
return; 
} 
// ]]> 
</script> 
</head> 
<body> 
<form name="form1" method="post" action="Default.aspx" id="form1"> 
<div> 
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" 
   value="/wEPDwUKMTEzMjE5NDA0NWRkKlEH1jSXJkIbnUaP2d9Dra8LQEk=" /> 
</div> 
<div> 
<textarea name="txt" id="txt" rows="10" cols="50"></textarea> 
<input type="submit" name="btnInsert" value="服务器端插入(_)" 
   onclick="insert();" id="btnInsert" /> 
<input name="btnInsert2" type="button" id="btnInsert2" 
   onclick="insert();" value="客户端插入(_)" /></div> 
<div> 
<input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" 
   value="/wEWBALVid/5DQKShrDCCQL5w9POBQL5w4vOBZPGqxUU/yvoKTqG8k+uG8YroGTv" /> 
</div></form> 
</body> 
</html>

共2页: 1 [2] 下一页

【内容导航】

第 1 页：问题提出

第 2 页：总结

关于 ASP.NET 2.0 创建母版页 ASP.NET 的

文章

博文

帖子

· ASP.NET 2.0中XML数据的处理(04/16)

· ASP.NET 2.0跨网页提交的三种方法(04/14)

· ASP.NET 2.0移动开发入门之使用样式(04/03)

· ASP.NET 2.0 中跨网页提交的三种方法(02/28)

· ASP.NET 2.0的编译模型(11/12)

· 发布EntLib.com / YAF 开源论坛 v2.5 (ASP.NET..

· 枫花园创建了中国第一家汽车电影院

· 部署ASP.NET的三大技术

· asp.net(C#)很简单的网络硬盘系统.rar

· SQL Server 2005系列教学(3) 创建数据表

· How to ：创建邮件交换（MX）记录

· DNS服务器全攻略之三：创建与管理DNS区域

· 创建绿色环境赛门铁克“误杀事件”引发的思考

· asp.net 3.5

· OUTLOOK2003 创建Exchange帐户

专题

我也说两句

叫好

拍砖

中国领先的 IT 技术网站 ·
技术成就梦想

·提高C#编程水平的50个要诀
·Oracle收购BEA后的中间件以及SOA产..

· SQL Server 2008中不推..
· 谷歌启动2008年全球编..
· Sun宣布Java将在今年年..
· 在PPC上安装pythonce
· WindowsMobile应该如何..
· Spring2 Hibernate3 Ju..

· 寇卫东：如何说服老板..
· 寇卫东：如何迈出SOA实..
· 寇卫东博士细数SOA实施..
· How to ：创建邮件交换..
· DNS服务器全攻略之三 ..
· 创建绿色环境赛门铁克..

排行榜

·Java基础教程 (查看81024次)
·UML类图详解 (查看72498次)
·C++是垃圾语言？！ (查看42631次)
·C#技术开发指南 (查看40232次)
·UML统一建模语言 (查看39205次)

·Java编程开发手册 (1198个砖)
·Java基础教程 (431个砖)
·C#技术开发指南 (311个砖)
·.NET开发手册 (254个砖)
·PB开发教程 (223个砖)

·Java编程开发手册 (658个好)
·Java基础教程 (578个好)
·.NET开发手册 (282个好)
·PB开发教程 (213个好)
·Delphi开发技术手册 (200个好)

·初探敏捷开发 (03月)
·WCF开发基础 (03月)
·体验Visual Studio 2008的魅力 (02月)
·Visual Studio 2005开发基础 (12月)
·测试开发人员参考手册 (11月)

·ARP协议及欺骗原理
·独家体验：在西三环亲历北京免费无..

· 周末病毒预报：视频宝..
· NAC精要指南:什么是网..
· 布线测试中的常见问题..
· ASP.NET Ajax网站开发..
· 网管员必读：网络链路..
· SQL Server 2008中不推..
· 路由器故障排除实例讲解
· Cisco 认证考试费用全..

· 微软针对XP SP2的远程..
· 山东临沂网通联合公安..
· Cisco考试费用全线涨价..
· 企业无线网络设置10大..
· Windows Server 2003网..
· 上海宣判三起网络知识..
· 微软Sever 2008自带虚..
· 金山信息安全技术公司..

订阅技术快讯

电子杂志下载

名称：SQL Server数据库管理精品黄皮书
简介：书中文章经过精挑细选，便于用户能根据自己的实际工作和学习，快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息，以及DBA管理人员在数据库管理工作中

名称：2007路由技术大全
简介：《2007路由技术大全》由51CTO.com网站特别策划制作，该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复，以及广大网友在实践使用中的心得经验和技巧文章，内容注重实用性，适用于初学者入门，也适合多年从业者提高，是一本实践和理论完

名称：网络安全精品应用黄皮书
简介：《2007精品网络安全黄皮书》包括了9个大类24个小类， 800余篇文章，内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范，涉及到了安全应用的全部领域, 由浅至深内容全面。

专题

最多好

最多砖