腾讯云618限量抢购

JavaScript 空白与换行

最后更新:2012-05-18 19:30阅读:10434

JavaScript 空白

大多数情况下,JavaScript 忽略空白或者 JavaScript 语句之间的空格(也包括 Tab 键产生的空白缩进)。通常使用空白或 Tab 缩进只是为了 JavaScript 程序更具可读性,如下例所示:

<html>
<head>
<script type="text/javascript">
function getAge(){
    var age;
    age = document.getElementById("age_input").value;
    if ( age == "" )
    {
        alert("请输入您的年龄!");
        return false;
    }
    if ( age > 25 ) {
        alert("您的岁数大于 25 岁。");
    } else if ( age < 25 ) {
        alert("您的岁数小于 25 岁。");
    } else {
        alert("您的岁数等于 25 岁。");
    }
}
</script>
</head>
<body>
您的年龄:<input type="text" id="age_input" />
<input type="button" onclick="getAge()" value="确定" />
</body>
</html>

在这个例子中,在 input 输入框输入一个数字,然后点击“确定”按钮,根据数字大小分别弹出不同的信息提示框。这个例子相对于前面的例子要复杂一些,在此由于本篇篇幅及内容侧重点的原因,就不详细解释其具体语法了。

这个例子虽然比较复杂,但由于采用了缩进以及适当的空格,使得程序非常易于阅读。但请注意,字符串中间的空白不会被忽略,如上例中,字符串中间的空白,将被原样输出。

JavaScript 换行

和空白类似的还有换行(也叫回车),换行通常是为了可读性将代码分隔为单独的行。JavaScript 是以 ; 号来表示语句结束的,因此在“语句内”是可以换行的,如下面的例子所示:

var my_name = "Jack";
var age = 25;
alert("我的名字叫" + my_name + ",我今年"
+ age + "岁。");

但是,字符串内是不可以换行的,如:

var my_name = "Jack";
var age = 25;
alert("我的名字叫" + my_name + ",
我今年" + age + "岁。");

这种情况下,会提示“未结束的字符串常量”错误。另外,还有一种换行也是不能随意使用的,那就是 return 关键字。return 用于在函数中中断函数的执行并返回值。如果 return 后面换行,将返回 undefined ,如下例所示:

function testFunc(i){
    return
    i;
    // 正确应该写作 return i;
}

上面的简单例子,并不会返回传入的参数 i 的值,而是返回 undefined ,尽管该语句并不报错,但显然与预期的结果不符。

提示

本文中的换行,是指 JavaScript 代码的换行(回车),而不是指输出换行符。


本章节内容共分 6 部分:
  1. 1. 在 HTML 中使用 JavaScript
  2. 2. JavaScript 代码放置于 HTML 什么地方?
  3. 3. JavaScript 区分大小写
  4. 4. JavaScript 变量
  5. 5. JavaScript 注释
  6. 6. JavaScript 空白与换行
腾讯云618限量抢购