-
循环生成标签
body> <button>生成</button> <ul> </ul> <script> var arr = ["赵四成精", "刘能变形", "中国老年人才网正式上线", "拍婚纱照 新郎被劈死"] // 需求 点击生成按钮 生成四个新闻 // 1.获取元素 var btn = document.getElementsByTagName("button")[0]; var list = document.getElementsByTagName("ul")[0]; // 2.添加点击事件 btn.onclick = function () { for (var i = 0; i < 4; i++) { // i = 0 // 将原先的内容获取到 + 新内容 // arr[0] arr[1] arr[2] arr[3] list.innerHTML += "<li>" + arr[i] + "</li>" /* i=0 "<li>赵四成精</li>" i = 1 "<li>赵四成精</li>" + "<li>刘能变形</li>" i = 2 */ } } </script> </body>
-
循环添加点击事件
<body> <button>按钮1</button> <button>按钮2</button> <button>按钮3</button> <button>按钮4</button> <button>按钮5</button> <script> //点击哪个按钮 将哪个按钮的文本内容输出 var btn = document.getElementsByTagName("button"); // btn[0].onclick = function(){ // console.log(btn[0].innerText) // } // btn[1].onclick = function(){ // console.log(btn[1].innerText) // } // btn[2].onclick = function(){ // console.log(btn[2].innerText) // } // btn[3].onclick = function(){ // console.log(btn[3].innerText) // } // btn[4].onclick = function(){ // console.log(btn[4].innerText) // } for(var i = 0;i<5;i++){ // i = 0 1 2 3 4 5 btn[i].onclick = function(){ // console.log(btn[i].innerText);// 出现报错信息 因为此时i的值是5 // console.log(i);//5 } } </script> </body>
3.2 while与do-while
3.2.1 while语句
/* while语句 1.初始化循环变量 while(条件){ 循环体(重复执行的代码); 更新循环变量 } */ var a = 0; while(a < 3){ console.log("你好"); a++; }
3.2.2 do-while的语法
/* do-while语句 1.初始化循环变量 do{ 循环体; 更新循环变量 }while(条件) */ var b = 0 do{ console.log("摆烂"); b++; }while(b<3);
3.3.3 while和do-while的区别
-
while:==先判断后执行 最开始不成立 一次也不执行==
-
do-while :==先执行后判断 最开始不成立 也会执行一次==