一个有趣的客户端注册事件

在写一段再平常不过的代码时，突然发现一个很有趣的问题，客户端的window.location.href无法执行？
代码很简单。我们在页面中放置一个BUTTON控件，然后在服务端的Page_Load事件中加入客户端注册代码：

if (!Page.IsPostBack)

{

this.Button1.Attributes["onclick"] = "javascript:return ConfirmSelect();";

}

在客户端中的javascirpt中：

function ComfirmSelect()

{

window.location.href = "abc.aspx";

//return false;

}

按照假定的逻辑，应当是从客户端直接执行window.location，而不需要再返回服务端。可实际上呢？这个客户端事件根本没有执行，服务端的Button1_Click事件依旧被执行。
我们再把客户端Javascript改写一下，看看会发生什么情况：

function ComfirmSelect()

{

alert("第一次执行！");

window.location.href="abc.aspx";

alert("第二次执行！");

//return false;

}

    我们会注意到，在执行第一个alert()时，状态栏中的进度条是未被加载的，紧接着，会在进度条加载的状态下显示第二个alert()。这时我们可以注意到，window.location已经被服务端的事件覆盖了。也就是说在服务端注册的客户端事件对于window.location是无效的。
    现在我们把return false这行的注释去掉，看看处理方式。在这种情况下，只有第一次alert是按照逻辑来处理的，然后页面会向服务端传递一次，再次执行第二个alert()，最后才转到我想要的页面。（顺序反了？）

       还不清楚为什么会这样，希望能得到解答。

posted on 2006-11-19 08:53 George Ge 阅读(1928) 评论(8) 编辑收藏网摘所属分类: ASP.NET

#1楼  2006-11-19 09:08 yunhuasheng

细小的问题,没太注意,有时很奇怪,编程时不能运行,可是过了一阵子就可以了, 回复引用查看

#2楼  2006-11-19 12:21 布尔

首先是这样的：
<form id="form" method="post"> <input type="submit" id="button"></form>
按钮没有挂任何的js事件，点按钮form会post到服务器端
<form id="form" method="post"> <input type="submit" id="button" onclick="return f()"></form>
按钮挂上js事件后，form表单会不会提交取决于f是否为真，比如下面的
<form id="form" method="post"> <input type="submit" id="button" onclick="return false"></form>肯定不会提交表单

明白这些后，如果ComfirmSelect没有明确值，即没有明确form.onclick = function (){return false}，表单就会被提交。还有一点需要注意，表单被提交的时候js事件都会被释放掉。

另外还有一点需要注意，当表单中有附件提交时，form.submit();document.location.href = "orther.aspx";这时表单的附件将不会被服务器得到。回复引用查看

#3楼  2006-11-19 13:34 木野狐

需要用 return false 来终止 form 提交，这没什么奇怪的。另外一个需要考虑的就是 event bubbling 的问题。回复引用查看

#4楼  2006-11-19 14:20 Allen Zhang

把最终生成的html打开看一下为什么会这样回复引用查看

#5楼 [楼主] 2006-11-19 14:23 George Ge

@布尔
@木野狐
问题不在于这里，我并不是说要终于FORM的提交，而是说两点：1、JAVASCRIPT中的执行并没有按我想像的顺序来执行；2、提交到服务端之前应当先执行客户端事件的，但是alert()可以执行，window.location却不能执行。即便我用了return false，可如果存在window.location，还是一样会进行一次FORM的提交，这却是不我想的。回复引用查看