学习js的第一天

最新推荐文章于 2024-06-24 00:36:46 发布

Bin Bin

最新推荐文章于 2024-06-24 00:36:46 发布

阅读量369

点赞数 1

文章标签：学习 javascript

本文链接：https://blog.csdn.net/m0_65068333/article/details/126821451

版权

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

前言

学习js的第一天简单的认识了js和学习了变量的一些操作，下面是老师布置的课后作业用博客记录下完成的过程

一、练习JavaScript的两种使用方式，弹出“你好，JavaScript”.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--弹出框-->
		<script type="text/javascript">
			alert("你好，JavaScript")
		</script>
	</head>
	<body>
	</body>
</html>

这个比较简单我直接用弹出框显示就行了

二、使用变量，输出个人基本信息（学号、姓名、性别等）

这里我设置了几个变量直接将变量打印到桌面就行了

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--弹出框-->
		<script type="text/javascript">
			alert("你好，JavaScript")
		</script>
	</head>
	<body>
		<script type="text/javascript">
//			设置变量
			var sum1="姓名:xxx"
			var sum2="年龄:xx"
			var sum3="地址:xxxxx"
//			将变量打印到桌面
			document.write(sum1)
//			换行
			document.write("<br />")
			document.write(sum2)
			document.write("<br />")
			document.write(sum3)
		</script>
	</body>
</html>

三定义三个变量str1、str2、str3，分别存储class、classes、students，然后输出两两比较的结果

这里我定义几个变量在给它们赋值直接打印到页面后在进行比较（没想到它们比较可以直接出结果搞了很久）

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			var str1,str2,str3
			str1="class"
			str2="classes"
			str3="students"
			document.write("str1>str2:")
			document.write(str1>str2)
			document.write("<br />")
			document.write("str1>str3:")
			document.write(str1>str3)
			document.write("<br />")
			document.write("str2>str3:")
			document.write(str2>str3)
		</script>
	</body>
</html>

四输出9*9乘法表（可以不使用循环）

这个和java很像双重循环注意下换行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
//			定义变量
		var i,j
//		for循环 i为行数 j为列数
		for(i=1;i<=9;i++){
			document.write("<br />")//打印完每行换行
		for(j=1;j<=i;j++){
//			打印出结果
			document.write(i +"*"+j +"="+i*j+"  ")
			}
		}
		</script>
	</body>
</html>

结果展示