ASP.NET中使用javascript(1)
1.使用Page.ClientScript.RegisterClientScriptBlock
使用 Page.ClientScript.RegisterClientScriptBlock可以防止javascript 函数放置在page的顶部
对于该输出，请注意：通过使用 RegisterClientScriptBlock，JavaScript 函数紧跟在 HTML 代码中开启元素 <form> 的后面。
下面就是个例子
前置文件4-10.aspx
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="button1" runat="server" Text="click" OnClientClick="AlertHello()" />
</div>
</form>
</body>
</html>
后置文件4-10.aspx.cs
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _4_10 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
String myScript = @"function AlertHello(){alert('hello World');}";
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "MyScript", myScript, true);
}
}
运行一下看到什么？？点击 "click"按钮得到了一个alert。不过你仔细检查我们代码看到什么？发现我们没有写<script type="text/javascript"></script> 这样的开始终止呢。原来Page.ClientScript.RegisterClientScriptBlock已经自动的帮我们生成了。当然这个是在你的function还算是比较大的情况下使用这。
上面一个是正确的例子，来分析一个异常的例子
<!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>Untitled Page</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server">Hello ASP.NET</asp:TextBox>
</div>
</form>
</body>
</html>
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
public partial class _4_10 : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
String myScript = @"alert(document.forms[0]['TextBox1'].value);";
Page.ClientScript.RegisterClientScriptBlock(this.GetType(), "MyScript", myScript, true);
}
}
一运行发生了一个错误，根本不弹出窗口，原因就是当Page.ClientScriptRegisterClientScriptBlock已经生效的时候，textbox还没有开始生成呢。所以根本就无办法找到TextBox1
这个时候只是需要修改一下Page.ClientScript.RegisterClientScriptBlock变成Page.ClientScript.RegisterStartupScript
2.Page.ClientScript.RegisterStartupScript()
当您有一个想要在页面加载时启动的 JavaScript 函数时.
RegisterStartupScript 方法的两个可能结构如下：
• RegisterStartupScript (type, key, script)
• RegisterStartupScript (type, key, script, script tag specification)
Page.ClientScript.RegisterStartupScript(this.GetType(), "MyScript", "function AlertHello() { alert('你好，ASP.NET'); }", true);Button1.Attributes["onclick"] = "AlertHello()";Button2.Attributes["onclick"] = "AlertHello()";3. Page.ClientScript.RegisterClientScriptInclude
这个是用来include js 文件的，以前我们都是写个<script type......>个头在html中，现在不需要了
直接在asp.net 页面中书写以下代码，比如我们有个myjs.js 文件
page.ClientScript.RegisterClientScriptInclude("mykey",myScript);
Code
外部文件myScript.js里这样：
Code不过注意：这里中文显示时会乱码，不知道怎样解决！