JavaScript基础知识（二）

最新推荐文章于 2022-06-24 22:14:55 发布

Han_Zhou_Z

最新推荐文章于 2022-06-24 22:14:55 发布

阅读量446

点赞数

文章标签： javascript 前端 css3

本文链接：https://blog.csdn.net/Han_Zhou_Z/article/details/121290396

版权

一、浏览器的引擎

1、渲染引擎：用来识别HTML、CSS(解析HTML、CSS，并展示在用户面前)。

2、JavaScript引擎：用来解析JavaScript代码。

二、JavaScript的组成

1、ECMAScript：基本语法

2、DOM：文档对象模型

3、BOM：浏览器对象模型

三、JavaScript的基本语法

1、标识符：字符串

（1）严格区分大小写

（2）可以由字母、数字、下划线和$组成,必须以字母或下划线开头不能以数字开头

2、对空格、换行、缩进不敏感

3、一条语句结束后末尾可以带分号，也可以不带分号

4、注释方式

（1）单行注释：'//'开头到行尾

（2）多行注释：'/*'开头，'*/'结尾

四、输入输出

1、alert("字符串")：是一个消息提示框(只有一个确定按钮的对话框)

2、confirm("字符串")：确认对话框(含有确定和取消按钮的对话框)，当用户点击'确定'按钮时该函数返回true当用户点击"取消"按钮时返回false

3、prompt("字符串")：带有一个输入框的消息提示框，当用户点击'确定'按钮时，返回用户输入的信息，当用户点击'取消'按钮时，关闭窗口

var age = prompt("请输入年龄");

4、console.log("信息")

console.log(typeof n1);//输出n1的数据类型

5、console.info("信息内容")方法用于在控制台输出信息

6、console.error("这是一个错误")方法用于输出错误信息到控制台

五、变量

1、只声明变量，不给变量赋值，输出变量显示undefined

2、未声明变量,直接输出变量,则报错

3、不声明变量,直接给变量赋值是允许的,这是JavaScript的特性

六、数据类型

1、数字型的取值范围：

最大值：Number.MAX_VALUE

最小值：Number.MIN_VALUE

2、NaN：Not a Number

isNaN(args)：判断参数args是否是一个数字，若args是数字(包括数字字符串)函数返回false，若args是非数字,函数返回为true

七、定义一个函数

例：

//定义函数
function getTotal(){
    //1、获取单价和数量：获取input中的值
    var p1 = document.getElementById('price').value
    var n1 = document.getElementById('num').value

    //2、进行转换：将字符串转换成数字
    var sum = Number(p1) * Number(n1);

    //3、将运算结果放入总价的input当中
    document.getElementById('total').value = sum;
}