JS中return SomeFunction和不加return的区别

 一直不屑于作web，结果最近1年都在与web打交道，今天遇到一个问题，在javascript中常见到<input type='button' onclick='return Logon()' value='Logon'> 这样的应用，与没有加return有什么区别呢？找到这样一文，共享之，感谢原作者的工作。

转自：http://www.cnblogs.com/index/archive/2005/09/01/228145.html

 有一个这样的js方法

<script language="javascript">
function  TestFunction()
{
    alert('aaaaaa');

    return false ;

    alert('bbbbbb');
}
</script>

然后在页面中加入两个asp:button

<asp:Button Runat="server" ID="ButtonReturn" Text="Return Function"></asp:Button>
<asp:Button Runat="server" ID="ButtonNotReturn" Text="Not Return"></asp:Button>

在后台的cs代码中分别给这两个button加上客户端的onclick事件

ButtonReturn.Attributes.Add("onclick", "return TestFunction();" );
ButtonNotReturn.Attributes.Add("onclick", "TestFunction();");

然后在页面上分别点击这两个button, 效果一样吗?

答案是不一样, 我一直都不知道JS中return SomeFunction和不加return调用一个function的区别

第一个button由于加上了return TestFunction();所以执行到js里的return false的时候就不会继续往下执行了,页面当然也不会postback

但是第二个button就奇怪了,return false在这里是无效的,页面会继续postback, 而且是跳过了alert('bbbbbb');这句话来

所以有时候我们在做提交时的一些check的时候, 如果需要调用JS方法, 必须要加上这个return哦

只是我还是不明白加不加这个return到底有什么特殊的含义? 请各位高手不吝赐教!