认识JavaScript

心馨逸梦

已于 2022-09-19 23:15:50 修改

阅读量219

点赞数

文章标签： javascript 前端 servlet

于 2022-09-12 21:09:41 首次发布

本文链接：https://blog.csdn.net/m0_65731386/article/details/126821856

版权

1.2在HTML中使用JavaScript

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

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

<html>
	<!-- js的代码编写位置：head，body，body外，html外 -->
	<head>
		<!-- JavaScript代码是在script标签内编写 -->
		<script type="text/javascript">
			alert("欢迎来到JavaScript！！")
		</script>

1.2.2使用JavaScript外部文件

1.在js里面定义方法

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

<!-- 引用js的方法    带入 -->
		<script type="text/javascript" src="js/one.js">
		</script>

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

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

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关键字来声明变量，赋布尔值

<script type="text/javascript">
			alert("这是一个弹出框")   //alert相当于打印    弹出
			var str          //声明一个变量   起名字为str
			str="王浩坤"      //给str赋值 为王浩坤
			alert(str)        //  通过弹窗的方式 将str的值弹出
			document.write(str)//将变量的值打印到页面上
			document.write("<br />")// 相当于换行    将两次输出的结果换行
			document.write(str)//将变量的值打印到页面上
			console.log(str)//这个是用于代码调试，主要是通过控制台进行打印输出   也就是F12
			
			
			
			// 声明一个变量
			var stuSex = "男"
			// 同时生成多个变量
			var x=c=v =10
			console.log(x)
			console.log(c)
			console.log(v)
			// 查看变量的数据类型
			console.log(typeof stuSex)  // String类型
			console.log(typeof v)     //Number
			// 生成一个变量   true类型
			var  isChecked = true
			console.log(typeof  isChecked)  //boolean
			
			
			// 定义两个变量
			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>

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>

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