JS的基础弹出

攒星.

已于 2022-11-28 21:20:43 修改

阅读量723

点赞数 1

文章标签： javascript html

于 2022-09-12 20:10:34 首次发布

本文链接：https://blog.csdn.net/weixin_67358175/article/details/126821600

版权

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

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

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

4.输出9*9乘法表

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

代码如下

简单的一个弹出框

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

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

代码如下

这边是先运用var创建变量后再进行赋值

然后直接输出变量值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			
			var name,nl,dz//创建变量
			name = "谢灿软件"//给变量赋值
			nl = "18"//给变量赋值
			dz = "河南郑州花园路136号"//给变量赋值
			
			document.write("姓名:"+name)//输出值
			document.write("<br/>")//换行
			document.write("年龄:"+nl)//输出值
			document.write("<br/>")//换行
			document.write("地址:"+dz)//输出值
		</script>
		
		
	</body>
</html>

3.定义三个变量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>str3:"+(str1>str2))//进行比较
			document.write("<br/>")//换行
			document.write("str1>str3:"+(str1>str3))//进行比较
			document.write("<br/>")//换行
			document.write("str2>str3:"+(str2>str3))//进行比较
			
		</script>
	</body>
</html>

4.输出9*9乘法表

代码如下

用for循环来进行九九乘法表的完成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			// 用for循环来写
			for(var i=1;i<=9;i++){
				for(var j=1;j<=i;j++){
					document.write(j+"*"+i+"="+i*j+" ")//输出九九乘法表
				}
				document.write("<br>")//内层循环结束换行
			}
		</script>
	</body>
</html>