了解JavaScript语言--如何在HTML中使用JavaScript

最新推荐文章于 2024-04-30 16:57:21 发布

羊咩咩的小脑袋~

最新推荐文章于 2024-04-30 16:57:21 发布

阅读量1.4k

点赞数 1

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/weixin_69036336/article/details/126823903

版权

一，JavaScript语言

1：可实现动态网页

2：验证用户输入的内容

二，介绍JavaScriptji

1：1.JavaScript是一种基于对象的脚本语言。

2.JavaScript是客户端脚本语言，JavaScript实在客户的浏览器上运行的，不需要服务器的支持。

3.JavaScript是一种解释语言，其源代码在客户端执行之前不需要经过编译。

三，HTML中使用JavaScript

1：JavaScript代码写在<script></script>中，代码可写在head body html外面

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!-- <script type="text/javascript">
			alert("Hello world!!")
		</script> -->
		<script type="text/javascript" src="js/new_file.js"></script>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>
	
		<h1 class="main">h1标签
		<a  href="javascript:alert('百度')">百度</a></h1>
		<script type="text/javascript">
			
		</script>
		
	</body>
	<!-- <script type="text/javascript">
		alert("Hello world!!")
	</script> -->
</html>
<!-- <script type="text/javascript">
			alert("Hello world!!")
		</script> -->

声明一个变量，进行赋值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
		//声明一个变量，用来储存学生姓名
		var stuName//声明一个变量
		stuName = "李四"//给变量stuName进行赋值
		//alert(stuName)//通过弹出框的方式将变量的值弹出
		document.write(stuName)//将变量的值打印到页面上
		document.write("<br/>")
		document.write(stuName)
		//经常用于调试，主要是通过控制台进行打印输出
		console.log(stuName)
		
		//在声明时直接给变量赋值
		var stuSex = "男"
		//同时声明多个变量
		var x = y = z = 10
		console.log(x)
		console.log(y)
		console.log(z)

四，JavaScript 数据类型

1：数值数据类型（number）

2:布尔类型（boolean）

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

4:空数据类型（null）

5：引用数据类型：1：字符串类型：(string)

2:数组类型（Array)

3：对象类型：（object)

6：用typeof可查看变量的数据类型

//查看变量的数据类型
		console.log(typeof stuName)//string
		console.log(typeof x)//number
		var isChecked = true
		console.log(typeof isChecked)//boolean

五，混合计算时的数据类型

1：整数与小数=小数

2：整数与字符串=字符串

3：小数与布尔型=小数

4：整数与布尔型=整数

5：小数与布尔型是小数

6：字符串与布尔型是字符串

7：多种数据类型进行混合运算


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
		  var num_1 = prompt("请输入第一个数字：")
		  var num_2 = prompt("请输入第二个数字：")
		  //var result = num_1 + num_2
		  //console.log(result)
		  console.log(typeof num_1)
		  console.log(typeof num_2)
		  //parseInt():将一个字符串类型的转换成整数
		  
		
		</script>
	</body>
</html>