快捷导航
蚂蚁部落 网站首页 前端教程 JS教程 查看内容

栏目导航

≡基础知识≡

≡操作符≡

≡语句≡

≡函数≡

≡面向对象≡

≡对象≡

≡事件≡

≡事件对象≡

≡操作DOM方法≡

≡操作DOM属性≡

≡操作table表格≡

≡操作select控件≡

≡操作cookie≡

≡浏览器对象模型≡

≡进阶≡

JavaScript return 语句

2018-2-13 14:10| 发布者: antzone| 查看: 554| 评论: 0|来自: 蚂蚁部落

return语句用于返回一个值,并停止函数的执行,首先看一段代码实例:

[JavaScript] 纯文本查看 复制代码运行代码
function func(){
  return 6;
  console.log("蚂蚁部落");
}
console.log(func())

执行func函数可以返回数字6,同时跳出函数的执行,那么console.log("蚂蚁部落")就不会再执行。

return false作用:

return false是return语句的一个特列,它不仅可以返回一个布尔值,而且有独特的作用。

代码实例如下:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>  
<html>  
<head>  
<meta charset=" utf-8">  
<meta name="author" content="http://www.softwhy.com/" /> 
<title>蚂蚁部落</title> 
<style type="text/css"> 
a{
    text-decoration:none;
    color:blue;
} 
</style> 
<script type="text/javascript"> 
window.onload=function(){ 
  let odiv=document.getElementById("ant");
  odiv.onclick=function(){ 
    return false;
  } 
} 
</script> 
</head> 
<body> 
<a href="http://www.softwhy.com" id="ant">蚂蚁部落</a>
</body> 
</html>

默认状态下,点击链接会调转到指定的页面,但是上面的代码并没有任何跳转动作,这是因为return false会阻止浏览器默认行为的执行。所谓默认动作,就是一个事件发生后,浏览器的默认响应动作,比如点击链接会产生跳转,点击提交按钮会提交表单。

再来看一段代码实例:

[HTML] 纯文本查看 复制代码运行代码
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>蚂蚁部落</title>
<script type="text/javascript"> 
window.onload=function(){
  let obt=document.getElementById("bt");
  let username=document.getElementById("username");
  let pw=document.getElementById("pw");
  obt.onclick=function(){
    if(username.value=="") { 
       alert("用户名不能为空!"); 
       return false; 
     } 
     if(pw.value=="") { 
        alert("密码不能为空!"); 
        return false; 
     } 
  }
}
</script>
</head>
<body>
<form action="http://www.softwhy.com" name="myform">
  <table>
    <tr>
      <td>用户名:</td>
      <td><input type="text" name="username" id="username" /></td>
    </tr>
    <tr>
      <td>密码:</td>
      <td><input type="password" name="pw" id="pw" /></td>
    </tr>
    <tr>
      <td colspan="2"><input type="submit" value="提交" id="bt" /></td>
    </tr>
  </table>
</form>
</body>
</html>

如果没有return false语句,那么代码即便是弹出提示,也会继续提交表单。


鲜花

握手

雷人

路过

鸡蛋

最新评论

关于我们|手机版|小黑屋| ( 鲁ICP备10022556号-3 )

GMT+8, 2018-2-19 15:50 , Processed in 0.094666 second(s), 21 queries .

Powered by Discuz! X3.2 Licensed

Copyright © 2012-2017 Design: 蚂蚁部落

返回顶部