【JavaScript脚本】——T1基本语法

简介: 【JavaScript脚本】——T1基本语法

JavaScript声明


<script></script>


基本输出


<script>
    document.write("<h1>Hello World!</h1>");
</script>


外部引用


<script src="demo.js"></script>


变量声明


var x=125;
var msg="Hello World";
console.log(x);
console.log(msg);


变量命名规则


有效字符,只能由字母、数字和下划线组成,且以字母或下划线开头。


数据类型


  1. undefined未定义
  2. null空
  3. boolean布尔
  4. number数字
  5. string字符串


<script>
    var x;
    document.write(typeof(x) + "<br/>");
    var y = '';
    document.write(typeof(y) + "<br/>");
    var b = true;
    document.write(typeof(b) + "<br/>");
    var n = 520;
    document.write(typeof(n) + "<br/>");
    var s = "幸福安康";
    document.write(typeof(s) + "<br/>");
</script>


7c14f91ccc6c4686ad92a9aec8c94d81.png


if分支结构


<script>
    var sex = 11;
    if (sex == 11) {
        document.write("男性");
    } else {
        document.write("女性");
    }
</script>


569a102a5df94482a348348e92512dac.png


if多分支结构


<script>
    var month = 12;
    if (month == 12 || month == 1 || month == 2) {
        document.write("冬季");
    } else if (month == 3 || month == 4 || month == 5) {
        document.write("春季");
    } else if (month == 6 || month == 7 || month == 8) {
        document.write("夏季");
    } else if (month == 9 || month == 10 || month == 11) {
        document.write("秋季");
    } else {
        document.write("不是地球公转周期");
    }
</script>


ac39b6882b974606a4b9f4b2605f4bea.png


switch 语句


<script>
    var key=1;
    switch (key) {
        case 1:document.write("星期一");break;
        case 2:document.write("星期二");break;
        case 3:document.write("星期三");break;
        case 4:document.write("星期四");break;
        case 5:document.write("星期五");break;
        case 6:document.write("星期六");break;
        case 7:document.write("星期七");break;
        default:document.write("星期八?");break;
    }
</script>


b3f919d8ac674bad8915ff70ab9f2067.png


while循环语句


<script>
    var i=1;
    var sum=0;
    while (i<=100) {
        sum+=i;
        i++;
    }
    document.write("1++100的结果是:"+sum);
</script>


9075c1173c244d1e959f3dd6bd34aaed.png


do-while循环语句


<script>
    var i = 1;
    var sum = 0;
    do {
        sum += i;
        i++;
    } while (i <= 100);
    document.write("1++100的结果是:" + sum);
</script>


9075c1173c244d1e959f3dd6bd34aaed.png


for循环语句


<script>
    var sum = 0;
    for (var i = 0; i < 101; i++) {
        sum+=i;
    }
    document.write("for循环1++100的结果是:" + sum);
</script>


1b28a09c56c3485d99b90e68ddc835d4.png


break和continue语句


<script>
    for (var i = 0; i < 10; i++) {
        if (i % 2 == 0) {
            document.write(i);
            continue;
        }
        if (i == 7) {
            document.write(i + "停止");
            break;
        }
        document.write("数字" + i);
    }
</script>


9f9f2efe0a28476a86ec61b6a9012c91.png


嵌套for循环


<script>
    for (var i = 1; i < 10; i++) {
        for (var j = 1; j <= i; j++) {
            document.write(j + "*" + i + "=" + (j * i) + "&nbsp;");
        }
        document.write("<br/>");
    }
</script>


c57fea69849744d5a0ea230e839ffb61.png



相关文章
|
2月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
93 1
|
7天前
|
JavaScript 前端开发
用JavaScript脚本将当地时间转换成其它时区
用JavaScript脚本将当地时间转换成其它时区
|
2月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
2月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?
|
3月前
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
86 4
|
4月前
|
存储 JavaScript 前端开发
JavaScript 语法
JavaScript 语法
31 5
|
3月前
|
存储 JavaScript 前端开发
|
4月前
|
JavaScript 前端开发
JavaScript语法关键点:变量用`var`、`let`、`const`声明
【6月更文挑战第22天】JavaScript语法关键点:变量用`var`、`let`、`const`声明;七种数据类型包括`Number`、`String`、`Boolean`、`Null`、`Undefined`、`Symbol`和`Object`;运算符如算术、比较、逻辑和赋值;流程控制有`if...else`、`switch`和各种循环。了解这些是JS编程的基础。
54 3
|
3月前
|
前端开发 JavaScript
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
js【详解】Promise(含 Promise 的三种状态及其变化,创建 Promise, Promise.all 语法、Promise.all 实战范例、手写 Promise.all)
222 0
|
3月前
|
存储 缓存 自然语言处理