欢迎访问悦橙教程(wld5.com),关注java教程。悦橙教程  java问答|  每日更新
页面导航 : > > > 文章正文

字符串类型的转换之toString()示例,字符串tostring

来源: javaer 分享于  点击 1876 次 点评:251

字符串类型的转换之toString()示例,字符串tostring


用toString()以及简单的JS for循环知识,在网页输出100个小正方形,并且可以点击变色。

<!DOCTYPE html>
<html>


<head>
<meta charset="UTF-8">
<meta http-equiv="refresh" content="5">
<title></title>
<style type="text/css">
* {
margin: 0px;
padding: 0px;
}

.fu{
height: 100px;
width: 100px;
float: left;
}
#zhong{
margin:0px auto;
width: 1000px;
border:2px red solid;
height: 1000px;
}
</style>

</head>


<body>

<div id="zhong" onclick="dianji()">

<script type="text/javascript">


var by = document.getElementById("zhong");
document.onclick = function dian() {
by.innerHTML = '';
for(var b = 1; b <= 100; b++) {
var c = "#"
for(var a = 1; a <= 6; a++) {
var num = parseInt(Math.random() * 16);
num = num.toString(16);
c = c + num;
}
by.innerHTML+= "<div class='fu'  style='background-color:" + c + "'></div>";

                                   }
}

</script>
<div ></div><!--清除浮动-->

</div>

</body>

</html>

不懂的请留言,看到马上回复

相关文章

    暂无相关文章

用户点评