2015/12/25--以前代码总结（02）
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<script>
function count(){
var n = document.getElementById("m1").value;
var sum =1;
for(var i = 1;i <= n;i++){
sum = sum * 2;
}
document.getElementById("jg").innerHTML = sum;
}
function changecolor(){
document.body.style.backgroundColor = document.getElementById("color").value;
}
document.getElementById("myh1").innerHTML = "you are summer!";
document.getElementById("link").href = "http://www.baidu.com";
document.getElementById("pic").src = "22.jpg";
document.getElementById("myh1").style.color = "red";
document.getElementById("myh1").style.backgroundColor = "green";
document.getElementById("myh1").style.outline = "pink 5px solid";
document.body.style.backgroundColor = "pink";
var monday = 1;
switch(monday) {
case 1:
alert("Today is xingyiyi!");
break;
case 2:
alert("Today is tuesday!");
break;
case 1:
alert("Today is wensday!");
break;
case 1:
alert("Today is fourthday!");
break;
case 1:
alert("Today is friday!");
break;
case 1:
alert("Today is saturday!");
break;
case 1:
alert("Today is sunday!");
break;
default:
alert("Your number is wrong!");
function count(){
var n = document.getElementById("m1").value;
var sum =1;
for(var i = 1;i <= n;i++){
sum = sum * 2;
}
document.getElementById("jg").innerHTML = sum;
}
function changecolor(){
document.body.style.backgroundColor = document.getElementById("color").value;
}
</script>
</head>
<body>
<p>输入要计算的指数：<input type="text" id = "m1"></p>
<input type="button" value="计算2的幂次方" onclick="count()">
<p id = "jg"></p>
<input type="color" id = "color" onchange="changecolor()">
<h1 id = "myh1">This is my heading!</h1>
<a href="http://ww.tianmao.com" id = "link" >天猫</a>
<img src="11.jpg" id = "pic">
<p>输入要计算的指数：<input type="text" id = "m1"></p>
<input type="button" value="计算2的幂次方" onclick="count()">
<p id = "jg"></p>
<input type="color" id = "color" onchange="changecolor()">
</body>
</html>
浙公网安备 33010602011771号