如何使用js编程

1. 通过<script>js代码</script> --建议放在</body>之前
2. 外部引入js代码：编写独立的js文件，<script src='目标文档的URL'></script>
3. 作为某个元素的事件属性值或者是超链接的href属性值

案例：aa

案例1：第一行js代码

<script>
    window.alert("hello javascript!");
</script>

js的标识符

标识符是指JavaScript中定义的符号，例如， 变量名，函数名，数组名等。

标识符可以由大小写字母、数字、下划线_和美元符号（$）组成，但不能以数字开头，不能是JavaScript中的保留关键字。

参考：https://www.runoob.com/js/js-reserved.html

保留关键字如下：

合法的标识符举例：indentifler、username、user_name、_userName、$username

非法的标识符举例：int、98.3、Hello World

变量

变量的声明

通过var关键字声明变量 //var age;

声明的同时赋值 //var age = 20;

一次可以声明多个变量 //var age=20,mood='happy';

如果声明变量，不赋值，那么给变量是undefined

案例2 声明变量

变量 的声明、查看变量的类型、变量的简单实用、字符换的拼接

<script>
            var age,mood,friend;
            age=20,mood='happy';
            //window.alert("age的数据类型是："+typeof(age));
            window.alert("mood的数据类型是："+typeof(mood));
            window.alert("friend的数据类型是："+typeof(friend));
            window.alert("age="+age+"  "+"mood="+mood);
</script>

js注释

当行注释： //

多行注释：/ 注释的内容/

输入输出

输入：prompt（提示信息，默认值）；

输出：

1. 输出到控制台：console.log("输出的内容");
2. 输出到页面：document.write("<h3>输出的内容</h3>")
3. 警告框的方式：window.alert("输出的内容")
4. 确定框：window.confirm("要确认的信息")

案例3 输出01

确定框、三种输出方式

<script>
            var res = window.confirm("你喜欢js吗？喜欢点确定，不喜欢点取消");
            if(res){
                //window.alert("谢谢你的陪伴");
                document.write("<h3 class='aa'>谢谢你的陪伴</h3>");
            }else{
                //window.alert("再见啦！");
                //document.write("再见啦！")；
                console.log("再见啦！；")
            }
</script>

案例4 输入输出

输入函数、三种输出

<script>
            var tomorrow = prompt("请输入明天的天气(sun/rain/star/money/ice)","money");
            
            //三种输出范式
            //document.write("明天的天气是："+tomorrow);
            //window.alert("明天的天气是："+tomorrow);
            console.log("明天的天气是："+tomorrow);
</script>

作业：

理解课堂的四个案例、练习一遍

版权属于：数据盒博客

本文链接：https://www.shujuhe.cn/archives/28/

转载时须注明出处及本声明