JavaScript介绍JS是什么？ JavaScript 是一种运行在客户端（浏览器）的编程语言。 JS的组成 Jav

JS是什么？

JavaScript 是一种运行在客户端（浏览器）的编程语言。

JS的组成

JavaScript语法：ECMAScript
页面文档对象模型（DOM）：通过DOM提供的接口可以对页面上的各种元素进行操作(大小、位置、颜色等)
浏览器对象模型（BOM）：通过BOM可以操作浏览器窗口，比如弹出框、控制浏览器跳转、获取分辨率等。

JS书写位置

行内式

<!-- 行内式js 直接写在元素内部 -->
<input type="button" value="点我试试"                        onclick="alert('你好啊')" >

内嵌式

<!-- 内嵌式js -->
    <script>
        alert('一条消息')
    </script>

外部式

<!-- 通过src引入外部js文件 -->
    <script src="my.js"></script>

JS输入输出语法

在页面中输入：document.write("内容");

在页面中输出：document.write(username);

页面弹出框输出：alert(username);
在控制台输入：console.log('内容') ;

输出：console.log(username);

变量命名规则与规范

规则：

不能用关键字。只能用下划线、字母、数字、$组成，且数字不能开头。字母严格区分大小写，如 Age 和 age 是不同的变量。

数据类型

JS 数据类型整体分为两大类：基本数据类型、引用数据类型

模板字符串

通过单引号（ ''）、双引号（ ""）或反引号( ` )包裹的数据都叫字符串，内容拼接变量时，用 ${} 包住变量。

<script>
    let username = prompt('请输入您的姓名：');
    let age = prompt('请输入您的年龄：');

    document.write(`大家好，我叫${username}, 今年${age}岁了`);
</script>

控制台输出语句和检测数据类型：typeof关键字

<script>
    let age = 18;
    let uname = '小白';
    let flag = true;
    let buy;

    console.log(typeof age);   //number
    console.log(typeof uname); //string
    console.log(typeof flag);  //boolean
    console.log(typeof buy);   //undefined
</script>

类型转换：显示转换、隐示转换
隐示转换：系统自动做转换。

显示转换：

Number（转成数字类型）

parseInt（只保留整数）

parseFloat（可以保留小数）

转换为字符型：String(数据)、变量.toString(进制)

例如：22 转换字符型为 '22'

//简易计算器
<script>
    // 显示转换
    let num1 = prompt('请输入第一个数：');
    let num2 = prompt('请输入第二个数：');
    let result = parseFloat(num1) + parseFloat(num2);
    //弹出框显示
    alert('计算结果为：' + result);

    //隐示转换
    // let num1 = + prompt('请输入第一个数：');
    // let num2 = + prompt('请输入第二个数：');
    // console.log(num1 + num2);
</script>