1、思路:我们在这里要做一个用按钮触发的 for in循环,通过这个循环把一个作者的所有信息呈现出来,要在网页上面实现这样的一个功能,我们需要定义按钮、变量,还需要用到 for in 语句。
2、整个for in循环的代码实现过程。<!DOCTYPE html><html><body><p>点击按钮就会出现作者的信息</p><button onclick="myFunction()">作者简介</button><p id="按钮"></p><script>function myFunction(){var x;var txt="";var 作者={fname:"唐",lname:"伯虎",age:25};for (x in 作者){txt=txt + 作者[x];}document.getElementById("按钮").innerHTML=txt;}</script></body></html>
3、把变量的属性进行更换之后,这个按钮功能也是一样的成功。
4、一个查看星期几的按钮。要实现这样的一个功能就必须使用到java 中的switch (n)代码,这个代码给返回一个时间值,从而让访问者在点击按钮的时候触发这个时间。
5、完整的用java设计出来的岳蘖氽颐按钮呈现时间流程。<!DOCTYPE html><html><稆糨孝汶;body><p>点击时间按钮</p><button onclick="myFunction()">今天是星期几</button><p id="时间"></p><script>function myFunction(){var x;var t=new Date().getDay();switch (t) { case 0: x="今天是星期日"; break; case 1: x="今天是星期一"; break; case 2: x="今天是星期二"; break; case 3: x="今天是星期三"; break; case 4: x="今天是星期四"; break; case 5: x="今天是星期五"; break; case 6: x="今天是星期六"; break; }document.getElementById("时间").innerHTML=x;}</script></body></html>
6、在上面的例子当中,我们也可以不给出全部的条件,用一个default来代替,从而让一甜入艺阝句话呈现在网页上面。<!DOCTYPE html><html><body><p>点击时间按钮</p><button onclick="myFunction()">今天是星期几</button><p id="时间"></p><script>function myFunction(){var x;var t=new Date().getDay();switch (t) { case 4: x="今天是星期四"; break; case 5: x="今天是星期五"; break; case 6: x="今天是星期六"; break;default: x="希望今天是周末"; }document.getElementById("时间").innerHTML=x;}</script></body></html>