JavaScript控制台使用及引入实践 | 青训营

69 阅读1分钟

JavaScript是一门世界上最流行的脚本语言。JavaScript是一种基于对象和事件驱动的、并具有安全性能的脚本语言。JavaScript操作DOM的本质是=获取+触发+改变。script脚本推荐放在最下边好处:防止因网络问题,页面加载时间长,出现空白;即便网络问题,浏览器也把DOM加载渲染完成,等待从服务端下载完js脚本,出现效果。

JavaScript特点:

  • 向HTML页面中添加交互行为
  • 脚本语言,语法和Java类似
  • 解释性语言,边执行边解释

javascript基本语法

输出(alter、console)

window.alert('hello');  // 用于界面弹框
console.log('hello');  // 通常用于调试

变量

var x=5;
var y=6;
var z=x+y;

命名规则:

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不过我们不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)
  • 不能以特殊字符#,!/,@,+,-,*数字开头

浏览器控制台使用

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--javascript严格区分大小写-->
    <script>
        //1. 定义变量  (变量类型  变量名 = 变量值;)
        var score = 1;
        // alert(num);
        //2. 条件控制
        if (score>60 && score<70) {
            alert("60~70");
        } else if(score>70 && score<80) {
            alert("70~80");
        } else {
            alert("other");
        }
        //console.log(score); 在浏览器的控制台打印变量  相当于System.out.println();
    </script>
</head>
<body>
</body>
</html>

引入JavaScript

  1. 内部标签
<script>
    alert('hello,world')
</script>
  1. 外部引入

我的第一个JavaScript程序.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!--script标签内,写javaScript代码-->

    <!--<script>
        alert('hello,world')
    </script>-->

    <!--外部引入-->
    <!--注意:script标签必须成对出现-->
    <script src="js/qj.js"></script>

    <!--不用显示定义type,也默认就是JavaScript-->
    <script type="text/javascript"></script>

</head>
<body>
</body>
</html>

其中,type of可以用来检测变量的数据类型

数据类型的转换

1. 转换为字符串

to String() 转成字符串 String() 强制转换 加号拼接字符串

2. 转换为数字型

parseInt(String)函数 将string类型转成整数数值型 parseFloat(string)函数 将string类型转成浮点数数值型 Number()强制转换函数 将string类型转换为数值型 js隐式转换(- * /) 利用算术运算隐式转换为数值型

3. 转换为布尔型

代表空、否定的值会被转换为false,如:' '、0、null、undefined 其余值都会被转换为true