在javascript中如何随机获取发帖者头像

<!DOCTYPE html>

<html>


<head>

<meta charset="UTF-8">

<title>课工场论坛列表</title>

<link href="css/bbs.css" rel="stylesheet">

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>

<script>

//点击我要发帖,弹出发帖界面

function alertnew() {

var post = document.getElementById("post");

//post.style.display = "block";

post.setAttribute("style", "display: block;");

}


var tou = new Array("images/tou01.jpg", "images/tou02.jpg", "images/tou03.jpg", "images/tou04.jpg"); //1.这里使用数组保存发帖者的头像,问题就是如何运用它来实现随机获取头像,

//点击发布

function btu() {

var titlehe=document.createElement("h1");

                var title=document.getElementById("title").value;//获得标题内容

                titlehe.innerHTML=title;

                var type=document.getElementById("type").value;//获得所属板块

                var content=document.getElementById("content").value;//获得内容

                var ul=document.getElementsByTagName("ul")[0];

                var li=document.createElement("li");

                //li.innerHTML="<dl><dt><img src='images/tou01.jpg' /></dt><dd>" + title + "<dd/><dd>" + type + "  发表时间:" + new Date() + "<dd/></dl>";

                li.innerHTML="<span><img src='images/tou01.jpg' /><p>"+title+"</p><p>板块:"+type+"&nbsp;发表时间:"+new Date()+"</p></span>";

                //ul.appendChild(li);

                ul.insertBefore(li,ul.firstChild);//将新发布的贴子显示在列表第一个位置

                document.getElementById("post").setAttribute("style", "display: none;")

}

</script>

</head>


<body>

<div>

<header><span onclick="alertnew()">我要发帖</span></header>

<section>

<ul></ul>

</section>

<div id="post">

<input id="title" placeholder="请输入标题(1-50个字符)"> 所属版块:

<select id="type">

<option>请选择版块</option>

<option>电子书籍</option>

<option>新课来了</option>

<option>新手报到</option>

<option>职业规划</option>

</select>

<textarea id="content"></textarea>

<input value="发布" onclick="btu()">

</div>

</div>

</body>


</html>

2.第二个问题:如图片,我如果不想要灰色那段,要用什么函数,除了new date(),还有什么方法可以获取当前时间

http://img.mukewang.com/5959c0e2000172e606330273.jpg

qq_Dreamy_旧城_0
浏览 3044回答 0
0回答
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript