随机变换背景图片
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>随机变换背景图片</title>
<link rel="stylesheet" type="text/css" href="mark.css">
<link rel="stylesheet" type="text/css" href="input2.css">
<link rel="stylesheet" type="text/css" href="body.css">
<script type="text/javascript">
var userName = "令狐冲";
var image = new Array(10); //定义image为图片数量的数组
image[0] = 'imgTop6/1.jpg'; //背景图象的路径
image[1] = 'imgTop6/2.jpg';
image[2] = 'imgTop6/3.jpg';
image[3] = 'imgTop6/4.jpg';
image[4] = 'imgTop6/5.jpg';
image[5] = 'imgTop6/6.jpg';
image[6] = 'imgTop6/7.jpg';
image[7] = 'imgTop6/8.jpg';
image[8] = 'imgTop6/9.jpg';
image[9] = 'imgTop6/10.jpg';
var number = Math.floor(Math.random() * image.length);
document.write("<body background='" + image[number] + "'>");
document.write("<div align='center'><h2><font color='red'>" + "测试一下"
+ "</font></h2></div><br>");
</script>
</head>
<body>
<div id="div1" align="center">
<h2>
<font color="blue">随机变换背景图片</font>
</h2>
<a href=javascript:close()><input type="button" value="关闭窗口"></a><br>
<script type="text/javascript">
document.write("hello<br>");
</script>
<input type="text" value="点击我" onclick="testDocumentWrite()">
<script type="text/javascript">
document.write("<br>好好学习天天向上!<br>一万年太久,只争朝夕!");
</script>
</div>
</body>
<script type="text/javascript">
function testDocumentWrite() {
// alert("userName=" + userName);
// var divNode = document.getElementById("div1");
//divNode.innerHTML = document.write("hello test!");这样输出在div层中也是不行的,整个网页还是只显示hello test!
// divNode.innerHTML = document.write("hello test!");
document.write("hello test!" + " / " + userName);
}
</script>
</html>