| <html xmlns="http://www.w3.org/1999/xhtml" > | |
| <head> | |
| <title>标题页</title> | |
| <script> | |
| var starNum=0; | |
| function chgStar() | |
| { | |
| starNum=event.srcElement.id.slice(-1); //从第一个到结束 | |
| for (var i=1;i<=6;i++) eval("id"+i).innerText="☆"; //显示的星星 | |
| for (var j=1;j<=starNum;j++) eval("id"+j).innerText="★";//选中的星星 | |
| } | |
| function getStar() | |
| { | |
| alert("用户的评价是"+starNum+"颗星!"); //显示评级数 | |
| } | |
| for (var i=1;i<=6;i++) | |
| { | |
| //动态输出span，并设置span的样式和事件 | |
| document.write('<span id="id'+i+'" onclick="chgStar()" style="cursor:hand;">☆</span>'); | |
| } | |
| document.write('<br/><br/><button onclick="getStar()">评级分数</button>');//动态输出按钮，包括其事件 | |
| </script> | |
| </head> | |
| <body> | |
| </body> | |
| </html> |