养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

js实现For循环单击按钮将代码块循环执行

时间:2024-11-05 11:46:23

js实现For循环单击按钮将代码块循环执行

工具/原料

Dreamweaver.exe

方法/步骤

1、新建HTML文件

js实现For循环单击按钮将代码块循环执行

2、创建HTML内容和按钮

js实现For循环单击按钮将代码块循环执行

3、预览效果如图

js实现For循环单击按钮将代码块循环执行

4、创建js函数,定义变量

js实现For循环单击按钮将代码块循环执行

5、创建for循环代码块

js实现For循环单击按钮将代码块循环执行

6、输出循环代码块

js实现For循环单击按钮将代码块循环执行

7、在按钮上添加函数事件

js实现For循环单击按钮将代码块循环执行

8、预览如图点击按钮循环代码块附上代码<衡痕贤伎script>functionxun(){ varx="",i;艘早祓胂 for(i=0;i<5;i++){ x=x+"循环第"+i+"次"+"<br>"; } document.getElementById("demo").innerHTML=x;}</script>

js实现For循环单击按钮将代码块循环执行

© 一点知识