美文网首页
HTML5 - 知识拓展

HTML5 - 知识拓展

作者: Alexander | 来源:发表于2016-03-18 17:03 被阅读33次
<!DOCTYPE html>
<html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>知识拓展</title>
    </head>
    <body>
        <script type="text/javascript">
//     总所周知,JS中代码的写法比较自由,比如 && 和 ||
//     在JS中&&与||用法是一样的
        var name1 = 'name1';
        var name2 = 'name2';
        var name3 = 'name3';
        var name4 = 'name4';

        var newName = null;
        if(name1){
            newName = name1;
        }else if(name2){
            newName = name2;
        }else if(name3){
            newName = name3;
        }else{
            newName = name4;
        }
//            console.log(newName);

        //    ||(或):表示的意思: 谁有值就将谁赋值给newName,比如说name1有值,那么就会将name1的值
// 赋值给newName,剩下的name2, name3, name4都不会去判断,如果name1没有值,就会去判断
//name2有没有值,如果有,就将其值赋值给nameName,如果没有就会去判断name3,以此类推...
        newName = name1 || name2 || name3 || name4;
            console.log(newName);
var age = 21;
//    if(age > 20){
//        console.log('可以结婚了');
//    }
// 两者必须同时存在,如果年龄满20了就可以结婚了,如果没有满20就不能,如果可以结婚了,那么一定是满20岁了
(age > 20)  &&  console.log('可以结婚了');

        </script>
    </body>
</html>

相关文章

网友评论

      本文标题:HTML5 - 知识拓展

      本文链接:https://www.haomeiwen.com/subject/yofhlttx.html