Web开发代码：For 循环：单击按钮将代码块循环执行5次、For 循环：单击按钮将HTML标题设置从1到6的样式显示、While 循环：只要 i 小于 6就一直循环代码块

最新推荐文章于 2022-09-16 14:26:41 发布

hahahafree

最新推荐文章于 2022-09-16 14:26:41 发布

阅读量1.8k

点赞数 1

分类专栏： Web 文章标签： web

本文链接：https://blog.csdn.net/weixin_43731793/article/details/93719690

版权

Web 专栏收录该内容

80 篇文章 0 订阅

订阅专栏

1、For 循环：单击按钮将代码块循环执行5次

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 

</head>
<body>
		<p>单击按钮将代码块循环执行5次。</p>
		<button onclick="myFunction()">点我</button>
		<p id="demo"></p>
<script>
function myFunction(){
	var x="",i;
	for (i=0;i<5;i++){
		x=x+"这个数字是"+i+"<br>";
	}
	document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

2、For 循环：单击按钮将HTML标题设置从1到6的样式显示

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 

</head>
<body>
		<p>单击按钮将HTML标题设置从1到6的样式显示</p>
		<button onclick="myFunction()">点我点我</button>
		<div id="demo"></div>
<script>
function myFunction(){
	var x="",i;
	for (i=1;i<6;i++){
		x=x+"<h"+i+">Heading"+i+"</h"+i+">";
	}
	document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

3、While 循环：只要 i 小于 6就一直循环代码块

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 

</head>
<body>
		<p>点击下面的按钮，只要 i 小于 6就一直循环代码块。</p>
		<button onclick="myFunction()">点我点我</button>
		<p id="demo"></p>
<script>
function myFunction(){
	var x="",i=0;
	while (i<6){
		x=x+"该数字为"+i+"<br>";
		i++;
	}
	document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

4、Do while 循环：i 小于 6就一直循环代码块

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>now test</title> 

</head>
<body>
		<p>点击下面的按钮，只要 i 小于 6就一直循环代码块。</p>
		<button onclick="myFunction()">点我点我</button>
		<p id="demo"></p>
<script>
function myFunction(){
	var x="",i=0;
	do {
		x=x+"该数字为"+i+"<br>";
		i++;
	}
	while (i<6)
	document.getElementById("demo").innerHTML=x;
}
</script>
</body>
</html>

5、

hahahafree

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
Web开发代码：For 循环：单击按钮将代码块循环执行5次、For 循环：单击按钮将HTML标题设置从1到6的样式显示、While 循环：只要 i 小于 6就一直循环代码块

1、For 循环：单击按钮将代码块循环执行5次<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>now test</title> </head><body> <p>单击按钮将代码块循环执行5次。</p...
复制链接

扫一扫

专栏目录