<!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+" 发表时间:"+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(),还有什么方法可以获取当前时间
相关分类