暑期学习日记21：JS

土肥圆波太郎

已于 2022-08-07 21:12:25 修改

阅读量69

点赞数

文章标签：学习

于 2022-08-06 21:09:22 首次发布

本文链接：https://blog.csdn.net/weixin_48485475/article/details/126201236

版权

本文介绍了JavaScript的基础知识，包括window.alert()、document.write()、innerHTML和console.log()用于页面交互的方法，以及变量声明（var和const）和数据类型（基本类型和引用类型）的概念，并通过实例展示了其在HTML中的应用。

摘要由CSDN通过智能技术生成

1.输出语句

（1）window.alert() 弹出提示框

（2）document.write() 将内容写到HTML网页中

（3）InnerHTML 将内容写入到HTML元素中

（4）Console.log() 将内容写入到浏览器的控制台

如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS</title>
	<style>
		div{
			width: 100px;
			border: solid medium red;
		}
	</style>
</head>
<body>
	<div id="div1"></div>
	<script>
		window.alert("警告");
		document.write("这是一个网页");
		document.getElementById("div1").innerHTML="hhhh";
		console.log("Ok")
	</script>
</body>
</html>

显示效果为：

20变量和常量

（1）变量：由字母、数字、下划线、$符号组成，用var方法声明。规则是不能以数字开头，不能是保留字和关键字，区分大小写。

（2）常量：使用const声明。

（3）数据类型:

①基本数据类型：字符串（string）、数字（number）、布尔（boolean）、空（null）和未定义（undefined）。

②引用数据类型：对象（object）、数组（array）和函数（function），如：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS</title>
	<style>
	</style>
</head>
<body>
	<script>
		var stu={
			name:"学生",
			age:20,
			stuid:10010
		};
		var array1=Array(1,2,3,4);
		function f1(x,y){
			return x+y
		};
		document.write("stu的name是"+stu.name+"\n");
		document.write("x+y="+f1(100,200)+"\n");
		document.write(array1);
	</script>
</body>
</html>

显示效果为：