认识JavaScript

今天药忘吃喽~ 2024-04-05 07:13 83阅读 0赞

## 1.2在HTML中使用JavaScript ##

(1)把JavaScript代码写在<script>.. .</script>标签中，将标签插入到网页中。

(2)由在<script>标签中使用的src属性指定使用外部脚本文件(js)。  
1.2.1使用<script>标签

<html>
    	
    	<head>
    		
    		<script type="text/javascript">
    			alert("欢迎来到JavaScript！！")
    		</script>

1.2.2使用JavaScript外部文件

1.在js里面定义方法

![aca3174607cd43b6a335a469d2db35de.png][]

2.在代码段引入后可以运行

<script type="text/javascript" src="js/one.js">
    		</script>

以上两种方法都可以运行出来

运行以后可以在浏览器里看出结果 如下：

![b7e73d559d28453f948d9efdef3e9c35.png][]

### 1.3 JavaScript基础 ###

1.3.1 JavaScript数据类型

JavaScript的数据类型与Java相似，分为基本数据类型和引用数据类型

基本数据类型分为以下几种

（1）数值数据类型（number）

（2）布尔类型（boolean）

（3）未定义数据类型（undefined）

（4）空数据类型（null）

引用数据类型分为以下几种

（1）字符串类型（string）

（2）Array数组类型

（3）对象类型（object）

1.3.2变量

变量就是所对应的值可能随程序的进行而变化的量，JavaScript使用var关键字来声明一个变量

1.JavaScript中变量的命名规则  
  
JavaScript中变量的命名规则如下。  
  
(1) 变量名的第一 个字符只能是英文字母或下画线。  
  
(2)变量名从第二个字符开始，可以使用数字、字母和下画线。  
  
(3)变量名区分大小写，如变量A和变量a是两个不同的变量。  
  
(4)不能使用JavaScript的关键字(保留字)。  
2.变量定义的方法  
在定义JavaScript变量时，可以使用以下方式。  
(1) var name; //只声明变量，没有给初值  
(2) var answer=null; //声明变量同时给变量赋空值  
(3)var price =12.50; //声明变量同时给变量赋数值的值  
(4) var str ="Hello!Mike"; //声明变量同时给变量赋字符串的值  
(5) var a, b, c; //使用逗号同时声明多个变量，没有给初值  
(6) result=true; //省略var关键字来声明变量，赋布尔值

1.3.3混合计算时的数据类型  
各种数据类型混合在一起计算时，所计算出来的结果如下。

(1)整数+小数结果是小数。  
(2)整数+字符串结果是字符串。

(3)整数+布尔型结果是整数。

(4)整数+空值结果是整数。  
(5)小数+字符串结果是字符串。

(6)小数+布尔型结果是小数。

(7)小数+空值结果是小数。  
(8)字符串+布尔型结果是字符串。

(9)字符串+空值结果是字符串。

(10)布尔型+空值结果是整数。

1.3.6数据类型的转换  
数据类型的转换在任何语言里都是一个至关重要的部分，如何将数据转换成程序中需要的数据类型，也是程序开发人员需要掌握的。JavaScript中的数据类型转换分为自动类型转换和强制类型转换。

1.自动类型转换

2.强制类型转换

强制类型转换是指数字与字符串之间的转换

(1)转换成整数：用parseInt（）函数

(2)转换成小数：parseFloat（）函数

// 定义两个变量
    			var num_1= prompt("请输入第一个数字：")
    			var num_2= prompt("请输入第二个数字：")
    			 console.log(typeof num_1)
    			 console.log(typeof num_2)
    			// parseInt（）：将一个字符串类型的转换为整数
    			var  result = parseInt(num_1)+ parseInt(num_2)
    			console.log(result)
    			
    			console.log(parseInt("12.8"))
    		</script>
    	</body>
    </html>

今天到这就结课，下次继续学习

[aca3174607cd43b6a335a469d2db35de.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/77eeaa8094094575a801864e41bbf64a.png
[b7e73d559d28453f948d9efdef3e9c35.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/04/e9f63bf8ecca4a8ea842d72eff758276.png