ASP.NET中后台注册js脚本使用的方法对比
更新时间：2021年9月22日 10:15 点击：1619
用Page.ClientScript.RegisterClientScriptBlock 和Page.ClientScript.RegisterStartupScript：区别:
1.使用Page.ClientScript.RegisterClientScriptBlock
c#代码
<%@ Page Language=”C#” %>
<script runat=”server”>
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”function AlertHello() { alert(‘Hello ASP.NET'); }”;
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
“MyScript”, myScript, true);
}
</script>
运行结果如下：
<html xmlns=”http://www.w3.org/1999/xhtml” >
<head><title>
Adding JavaScript
</title></head>
<body>
<form method=”post” action=”JavaScriptPage.aspx” id=”form1”>
<div>
<input type=”hidden” name=”__VIEWSTATE”
value=”/wEPDwUKMTY3NzE5MjIyMGRkiyYSRMg+bcXi9DiawYlbxndiTDo=” />
</div>
<script type=”text/javascript”>
<!--
function AlertHello() { alert(‘Hello ASP.NET'); }// -->
</script>
<div>
<input type=”submit” name=”Button1” value=”Button” onclick=”AlertHello();”
id=”Button1” />
</div>
</form>
</body>
</html>
2.使用Page.ClientScript.RegisterStartupScript
RegisterStartupScript 方法与RegisterClientScriptBlock方法最大的不同是：RegisterStartupScript 把script放置在 ASP.NET page的底部，而RegisterClientScriptBlock把script放置在ASP.NET page的顶部。
如果你的页面中有如下代码：
<asp:TextBox ID=”TextBox1” Runat=”server”>Hello ASP.NET</asp:TextBox>
c#
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”alert(document.forms[0][‘TextBox1'].value);”;
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), “MyScript”, myScript, true);
}
此页面运行时会报错，原因是JavaScript function先于text box被安放于浏览器。因此JavaScript function找不到TextBox1。
c#
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”alert(document.forms[0][‘TextBox1'].value);”;
Page.ClientScript.RegisterStartupScript(this.GetType(), “MyScript”, myScript, true);
}
这段代码把JavaScript function放置于ASP.NET page底部，因此JavaScript运行时它能找到TextBox1。
3.使用Page.ClientScript.RegisterClientScriptInclude
许多开发者把JavaScript放置在.js文件中，使用RegisterClientScriptInclude方法可以注册.js文件中的JavaScript。
c#
string myScript = “myJavaScriptCode.js”
Page.ClientScript.RegisterClientScriptInclude(“myKey”, myScript);
这将在ASP.NET页面产生如下结构：
<script src=”myJavaScriptCode.js” type=”text/javascript”></script>
1.使用Page.ClientScript.RegisterClientScriptBlock
c#代码
复制代码 代码如下:
<%@ Page Language=”C#” %>
<script runat=”server”>
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”function AlertHello() { alert(‘Hello ASP.NET'); }”;
Page.ClientScript.RegisterClientScriptBlock(this.GetType(),
“MyScript”, myScript, true);
}
</script>
运行结果如下：
复制代码 代码如下:
<html xmlns=”http://www.w3.org/1999/xhtml” >
<head><title>
Adding JavaScript
</title></head>
<body>
<form method=”post” action=”JavaScriptPage.aspx” id=”form1”>
<div>
<input type=”hidden” name=”__VIEWSTATE”
value=”/wEPDwUKMTY3NzE5MjIyMGRkiyYSRMg+bcXi9DiawYlbxndiTDo=” />
</div>
<script type=”text/javascript”>
<!--
function AlertHello() { alert(‘Hello ASP.NET'); }// -->
</script>
<div>
<input type=”submit” name=”Button1” value=”Button” onclick=”AlertHello();”
id=”Button1” />
</div>
</form>
</body>
</html>
2.使用Page.ClientScript.RegisterStartupScript
RegisterStartupScript 方法与RegisterClientScriptBlock方法最大的不同是：RegisterStartupScript 把script放置在 ASP.NET page的底部，而RegisterClientScriptBlock把script放置在ASP.NET page的顶部。
如果你的页面中有如下代码：
复制代码 代码如下:
<asp:TextBox ID=”TextBox1” Runat=”server”>Hello ASP.NET</asp:TextBox>
c#
复制代码 代码如下:
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”alert(document.forms[0][‘TextBox1'].value);”;
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), “MyScript”, myScript, true);
}
此页面运行时会报错，原因是JavaScript function先于text box被安放于浏览器。因此JavaScript function找不到TextBox1。
c#
复制代码 代码如下:
protected void Page_Load(object sender, EventArgs e)
{
string myScript = @”alert(document.forms[0][‘TextBox1'].value);”;
Page.ClientScript.RegisterStartupScript(this.GetType(), “MyScript”, myScript, true);
}
这段代码把JavaScript function放置于ASP.NET page底部，因此JavaScript运行时它能找到TextBox1。
3.使用Page.ClientScript.RegisterClientScriptInclude
许多开发者把JavaScript放置在.js文件中，使用RegisterClientScriptInclude方法可以注册.js文件中的JavaScript。
c#
复制代码 代码如下:
string myScript = “myJavaScriptCode.js”
Page.ClientScript.RegisterClientScriptInclude(“myKey”, myScript);
这将在ASP.NET页面产生如下结构：
复制代码 代码如下:
<script src=”myJavaScriptCode.js” type=”text/javascript”></script>
相关文章
Ruby on Rails实现最基本的用户注册和登录功能的教程
这里我们主要以has_secure_password的用户密码验证功能为中心,来讲解Ruby on Rails实现最基本的用户注册和登录功能的教程,需要的朋友可以参考下...2020-06-30- 这篇文章主要为大家详细介绍了Android实现简单用户注册案例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-05-26
- 注册页面是大多数网站必备的页面，所以很有必要对自己的注册页面做些精心的设计。下面三张图，第一张是注册的展示页面，第二张思维导图就一个简单的逻辑，第三张是通过firebug查看调用的JS文件。 一、给每个输入框写下说明在...2015-11-24
- 通过本教程可以实现帝国CMS后台给前台注册用户发消息，把内容输入框改为编辑器，可上传图片，等打开文件\e\admin\member\SendMsg.php 大约84行<textarea name="msgtext" cols="6...2016-01-27
- 这篇文章主要介绍了intellij idea旗舰版解决学生无法注册问题详解，文中通过图文示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-07-20
- 在Nielsen的可用性工程里提到可用性的其中一个原则是Errors，记得刚开博客的时候也穷举了一些关于可用性方面的文章，里面将这个errors翻译成了“少错”，实际上...2016-09-20
详解微信小程序入门从这里出发（登录注册、开发工具、文件及结构介绍）
这篇文章主要介绍了微信小程序入门从这里出发（登录注册、开发工具、文件及结构介绍）,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下...2020-07-21- 本文章来给大家介绍一个原生态的ajax+php无刷新回贴和注册检验实例，如果你对此有兴趣不防进入参考哦。 先看xin.sql数据库，我们可直接复制保存成xxx.sql哦。 ...2016-11-25
- 这篇文章主要以实例的方式向大家介绍了javascript注册事件处理函数，内容很全面，感兴趣的朋友可以参考一下...2016-01-12
- 今天我们来看看限制同IP注册人数代码的代码吧,注要用到datediff 函数哦,很简单的. $ex_sql =mysql_query("Select * from wk_member where m_ip='$ip' and datediff(m_...2016-11-25
- 这篇文章主要为大家详细介绍了springboot+VUE实现登录注册，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-05-28
- 这篇文章给大家介绍Spring Boot邮箱链接注册验证问题及注册流程分析，通过实例代码给大家分享实现过程，感兴趣的朋友跟随小编一起看看吧...2021-07-24
- 帝国CMS会员注册的时候，邮箱是必填项，但有时候，我们希望注册时不需要填写邮箱，但帝国CMS并没有给这样一个可以关闭的设置项。 通过本教程就可以实现取消邮箱必填。 以帝国CMS7.2...2016-05-19
- 这篇文章主要为大家详细介绍了Unity实现注册登录模块，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2020-06-25
- 这篇文章主要为大家详细介绍了MVC4制作网站教程，用户注册功能的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下...2021-09-22
sQlite常用语句以及sQlite developer的使用与注册
sQlite数据库对大家来说应该都不陌生，下面这篇文章主要给大家介绍了关于sQlite常用语句以及sQlite developer使用与注册的相关资料，文中通过示例代码与图片给大家介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，下面来一起看看吧。...2020-07-11- 登陆点击刷新验证码<input name="key" type="text" size="10" /> <img src="../../ShowKey/?v=login" align="absmiddle" onClick="this.src='../../ShowKey/?v=login&&...2016-01-27
IDEA使用学生邮箱无法注册问题:JetBrains Account connection error: 拒绝连接
这篇文章主要介绍了IDEA使用学生邮箱无法注册问题:JetBrains Account connection error: 拒绝连接,文中通过图文及示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2020-07-20- 简单点说就是为程序制定快捷键勒。。很多软件都带热键功能的，通过以下方式可以实现2个键或3个键的快捷键，相当之使用，具体实现方法看后文吧。...2020-06-25
- 代码如下 复制代码 <script language="网页特效"> function checkreg() { if (form1.name.value=="") { // 如果真实...2016-11-25