1.函数
下面这个函数实现了在html页面中快速打印一个五分制(五颗星)的评分情况:
1 function getRating(rating) {2 if(rating > 5 || rating < 0) throw new Error('数字不在范围内');3 return "★★★★★☆☆☆☆☆".substring(5 - rating, 10 - rating );4 }
2.demo如下
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta charset="utf-8"> 6 <title>star</title> 7 <style> 8 body, div { 9 padding: 0;10 margin: 0;11 }12 </style>13 </head>14 15 <body>16 <div id="x" onclick="getRating(3);">Click me</div>17 <script>18 function getRating(rating) {19 if(rating > 5 || rating < 0) throw new Error('数字不在范围内');20 var div=document.getElementById('x');21 div.innerHTML="★★★★★☆☆☆☆☆".substring(5 - rating, 10 - rating );22 }23 </script>24 </body>25 </html>
4.效果图
参数 | 描述 |
---|
start | 必需。一个非负的整数,规定要提取的子串的第一个字符在 stringObject 中的位置。 |
stop | 可选。一个非负的整数,比要提取的子串的最后一个字符在 stringObject 中的位置多 1。 如果省略该参数,那么返回的子串会一直到字符串的结尾。 |
返回值
一个新的字符串,该字符串值包含 stringObject 的一个子字符串,其内容是从 start 处到 stop-1 处的所有字符,其长度为 stop 减 start。
说明
substring() 方法返回的子串包括 start 处的字符,但不包括 stop 处的字符。
如果参数 start 与 stop 相等,那么该方法返回的就是一个空串(即长度为 0 的字符串)。如果 start 比 stop 大,那么该方法在提取子串之前会先交换这两个参数。
原标题:js快速打印一个五分制(五颗星)的评分情况
关键词:JS