在使用aspx的界面时,经常需要在客户端完成操作,而不希望页面返回服务器。这样就需要调用大量的javascript的代码,可是在aspx中怎么调用javascript的代码啊?
我写了一个简单的例子,但运行的时候在状态栏中提示页面有错误。是怎么回事啊????
aspx文件是这样的:
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="hotadv.advertizer.survey.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<script language="javascript">
function confirmSubmit()
{
if Confirm('确定吗?')
alert('确定');
else
alert('取消');
return false;
}
</script>
</HEAD>
<body MS_POSITIONING="FlowLayout">
<form id="Form1" method="post" runat="server">
<asp:button id="Button1" runat="server" Text="Button"></asp:button><FONT face="宋体"> </FONT>
</form>
</body>
</HTML>
CS文件:using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;namespace hotadv.advertizer.survey
{
/// <summary>
/// WebForm1 的摘要说明。
/// </summary>
public class WebForm1 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Button Button1;
private void Page_Load(object sender, System.EventArgs e)
{
Button1.Attributes.Add("onClick","Javascript:return confirmSubmit();"); } #region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load); }
#endregion }
}运行点击Button没有反应,而且在状态栏提示页面有错误,也不知道是什么错误
我写了一个简单的例子,但运行的时候在状态栏中提示页面有错误。是怎么回事啊????
aspx文件是这样的:
<%@ Page language="c#" Codebehind="WebForm1.aspx.cs" AutoEventWireup="false" Inherits="hotadv.advertizer.survey.WebForm1" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
<HEAD>
<title>WebForm1</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta content="C#" name="CODE_LANGUAGE">
<meta content="JavaScript" name="vs_defaultClientScript">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
<script language="javascript">
function confirmSubmit()
{
if Confirm('确定吗?')
alert('确定');
else
alert('取消');
return false;
}
</script>
</HEAD>
<body MS_POSITIONING="FlowLayout">
<form id="Form1" method="post" runat="server">
<asp:button id="Button1" runat="server" Text="Button"></asp:button><FONT face="宋体"> </FONT>
</form>
</body>
</HTML>
CS文件:using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;namespace hotadv.advertizer.survey
{
/// <summary>
/// WebForm1 的摘要说明。
/// </summary>
public class WebForm1 : System.Web.UI.Page
{
protected System.Web.UI.WebControls.Button Button1;
private void Page_Load(object sender, System.EventArgs e)
{
Button1.Attributes.Add("onClick","Javascript:return confirmSubmit();"); } #region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.Load += new System.EventHandler(this.Page_Load); }
#endregion }
}运行点击Button没有反应,而且在状态栏提示页面有错误,也不知道是什么错误
->
Button1.Attributes.Add("onclick","javascript:return confirmSubmit();");---------------------------------------
if it still does't work
try add these codes to the Button1_Click event
function confirmSubmit()
{
if Confirm('确定吗?')
alert('确定');
else
alert('取消');
return false;
}
</script>
这不是javascript的语法
function confirmSubmit()
{
if (confirm('确定吗?'))
alert('确定');
else
alert('取消');
return false;
}
</script>
<script language="javascript">
function confirmSubmit()
{
if (confirm("确定吗?"))
{
alert("确定");
}
else
{
alert("取消");
}
return false;
}
</script>cs:
Button1.Attributes["onclick"] = "javascript:return confirmSubmit();";原因:Confirm应该为小写!
function confirmSubmit()
{
if (confirm("确定吗?"))
{
alert(document.Form1.Button1.Clientid);
}
else
{
alert("取消");
}
return false;
}
</script>这样调用是因为我想知道javascripte是怎么样调用页面的元素的。但document.Form1.Button1.Clientid在alert 显示的时候是提示undefine,那究竟该怎么办啊。
<script language="javascript">
function confirmSubmit(button)
{
if (confirm("确定吗?"))
{
alert(button);
}
else
{
alert("");
}
return false;
}
</script>
return confirm('确定吗?')
don't be afraid
my baby...