JS中return SomeFunction和不加return的区别

 有一个这样的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哦

<INPUT TYPE="submit" >
当事件里面有return 的时候，当返回值为False的时候，就会取消了事件的回调（Click事件）相当于CancleBuble
当没有return 的时候，应该是默认回一个true了

 

2个提交按钮，一个到"return false"这里就会取消提交，
另一个会提交的。你看页面有没有刷新就知道了

 

都是是为按钮加上事件触发的方法；对于1来说，相当于
document.getElementById("ButtonReturn").onclick = function()
{
return TestFunction();
}

对于2来说
document.getElementById("ButtonReturn").onclick = function()
{
TestFunction();
}

TestFunction里的返回值并没有在在2里的”方法“中返回，所以它必然向下执行的