【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



相关文章
|
17天前
|
JavaScript
细讲Node.js模块化,以及 CommonJS 标准语法导出和导入,详细简单易懂!
细讲Node.js模块化,以及 CommonJS 标准语法导出和导入,详细简单易懂!
|
17天前
|
JavaScript 前端开发
node.js中path模块-路径处理,语法讲解
node.js中path模块-路径处理,语法讲解
|
17天前
|
JavaScript 前端开发
node.js中的fs模块,读写语法讲解
node.js中的fs模块,读写语法讲解
|
23天前
|
XML JavaScript 前端开发
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
JavaScript简介&引入方式(JavaScript基础语法、JavaScript对象、BOM、DOM、事件监听)
16 2
|
24天前
|
存储 JavaScript 前端开发
JavaScript基础语法篇超详解
JavaScript基础语法篇超详解
21 0
|
26天前
|
JavaScript 前端开发
Symbol在JavaScript中有哪些具体的用法和语法
Symbol在JavaScript中有哪些具体的用法和语法
|
1月前
|
JavaScript 前端开发
Playwright执行 JavaScript 脚本:探索浏览器自动化的新境界
在Web自动化中,Playwright提供`page.evaluate()`和`page.evaluate_handle()`来执行JavaScript脚本。`page.evaluate()`返回脚本执行结果,而`page.evaluate_handle()`返回JSHandle。示例展示了如何使用它们,如打印网页标题、操作元素及获取页面内容。通过这些方法,可以处理常规方法难以操作的网页元素。
28 2
|
1月前
|
JavaScript 前端开发 NoSQL
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
【5月更文挑战第11天】MongoDB 的 JavaScript 引擎允许在服务器端直接执行脚本,提升效率并实现定制化操作。脚本环境提供独立但与数据库关联的运行空间,引擎负责脚本的解析、编译和执行。执行过程包括脚本提交、解析、编译和执行四个步骤。掌握脚本逻辑设计和 JavaScript 语言特性对于高效利用这一功能至关重要。例如,通过脚本可以计算商品总销售额,增强数据库操作的灵活性。
【MongoDB 专栏】MongoDB 的 JavaScript 引擎与脚本执行
|
1月前
|
前端开发 JavaScript 索引
CSS常见用法 以及JS基础语法
CSS常见用法 以及JS基础语法
26 0
|
1月前
|
JavaScript
JS 基本语法
JS 基本语法
22 1