【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月前
|
JSON 前端开发 Serverless
Mock.js 语法结构全解析
Mock.js 的语法规范介绍,从数据模板定义规范和数据占位符定义规范俩部分介绍, 让你更好的使用 Mock.js 来模拟数据并提高开发效率。
|
5月前
|
JavaScript Shell C#
多种脚本批量下载 Docker 镜像:Shell、PowerShell、Node.js 和 C#
本项目提供多种脚本(Shell、PowerShell、Node.js 和 C#)用于批量下载 Docker 镜像。配置文件 `docker-images.txt` 列出需要下载的镜像及其标签。各脚本首先检查 Docker 是否安装,接着读取配置文件并逐行处理,跳过空行和注释行,提取镜像名称和标签,调用 `docker pull` 命令下载镜像,并输出下载结果。使用时需创建配置文件并运行相应脚本。C# 版本需安装 .NET 8 runtime。
276 2
|
11月前
|
存储 JavaScript 前端开发
Node.js的基本语法
【8月更文挑战第12天】Node.js的基本语法
399 1
|
8月前
|
JSON 移动开发 JavaScript
在浏览器执行js脚本的两种方式
【10月更文挑战第20天】本文介绍了在浏览器中执行HTTP请求的两种方式:`fetch`和`XMLHttpRequest`。`fetch`支持GET和POST请求,返回Promise对象,可以方便地处理异步操作。`XMLHttpRequest`则通过回调函数处理请求结果,适用于需要兼容旧浏览器的场景。文中还提供了具体的代码示例。
129 5
在浏览器执行js脚本的两种方式
|
9月前
|
JavaScript 前端开发
JavaScript 函数语法
JavaScript 函数是使用 `function` 关键词定义的代码块,可在调用时执行特定任务。函数可以无参或带参,参数用于传递值并在函数内部使用。函数调用可在事件触发时进行,如用户点击按钮。JavaScript 对大小写敏感,函数名和关键词必须严格匹配。示例中展示了如何通过不同参数调用函数以生成不同的输出。
|
11月前
|
JavaScript 前端开发
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
这篇文章是JavaScript基础与实战教程的第一部分,涵盖了JavaScript的基本语法、标识符、数据类型以及如何进行强制类型转换,通过代码示例介绍了JS的输出语句、编写位置和数据类型转换方法。
JavaScript基础&实战(1)js的基本语法、标识符、数据类型
|
9月前
|
JavaScript 前端开发 大数据
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
在JavaScript中,Object.assign()方法或展开语法(...)来合并对象,Object.freeze()方法来冻结对象,防止对象被修改
140 0
|
10月前
|
JavaScript 前端开发
用JavaScript脚本将当地时间转换成其它时区
用JavaScript脚本将当地时间转换成其它时区
|
缓存 JavaScript 前端开发
前端框架与库 - Vue.js基础:模板语法、数据绑定
【7月更文挑战第14天】Vue.js 是渐进式框架,以简洁API和高效数据绑定知名。本文聚焦模板语法与数据绑定,解释常见问题和易错点,助力初学者避坑。模板语法中,{{ expression }} 用于渲染值,v-bind/: 用于动态绑定属性。数据绑定涉及文本、属性和事件,注意v-model适用于表单元素,计算属性有缓存。理解正确用法,借助文档和IDE,可提升开发质量和效率。善用Vue.js,打造响应式UI。
491 4
|
11月前
|
前端开发 JavaScript 程序员
前端 JavaScript 的 _ 语法是个什么鬼?
前端 JavaScript 的 _ 语法是个什么鬼?

热门文章

最新文章