JavaScript最后的一节课
好多地方记不住 也不知道怎么去找 只有找自己做的笔记 才明白一点
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.wb{border: 8px solid pink;width: 642px;height: 200px;margin: 0px auto;}
img{float: left;margin-top: 10px;margin-left: 10px;}
#wb_wz{float: right;margin-top: 10px;font-size: 14px;color: #9E9E9E;margin-right: 15px;}
#text{width: 625px;height: 113px;border: 1px solid #ccc;margin:5px 5px;}
#poc #poc6,#poc1,#poc2,#poc3,#poc4,#poc5{width: 30px;font-size: 12px;height: 25px;float:left;padding-left: 25px;line-height: 25px;}
#poc6{background: url(images/an5.png) no-repeat left center; }
#poc1{background: url(images/an4.png) no-repeat left center; }
#poc2{background: url(images/an3.png) no-repeat left center; }
#poc3{background: url(images/an2.png) no-repeat left center; }
#poc4{background: url(images/an1.png) no-repeat left center; width: 40px;}
#poc5{margin-left: 160px;color: #ccc; margin-left: 170px;}
#bt{background: #FFC09F;width: 90px;height: 30px; border-radius: 12px;margin-top: -5px;margin-left: 15px;border: none;color: #fff}
</style>
<script type="text/javascript">
var text,number,y //声明
window.onload=function(){ //调用下面的函数
number=document.getElementById("number")//获取字
text=document.getElementById("text")//获取输入框
bt=document.getElementById("bt")//获取按钮
text.onkeyup=function ss(){ //调用下面函数
y=140-text.value.length //y等于140减去输入框内部输入的值.输入框内部value字符的长度
if (y<0) { //y小于0
number.style.color="red" //执行 字体颜色 红色
}else{
number.style.color="#ccc" //如果在140字以内 显示灰色
}
number.innerHTML=y; //吧字的长度输出到html中。
}
bt.onclick=function(){ //声明按钮点击事件
if (y==140) { //y等于140的时候
alert("不能为空") //不能为空
text.focus
}else if (y<0){
alert("不能发布")
}else{
alert("发布成功")
}
}
aa()
}
</script>
</head>
<body>
<div>
<img src="images/12.png">
<div id="wb_wz">还可以输入的<span id="number"></span>字</div>
<textarea id="text"></textarea>
<div id="poc">
<span id="poc6">表情</span>
<span id="poc1">图片</span>
<span id="poc2">视频</span>
<span id="poc3">话题</span>
<span id="poc4">长微博</span>
<span id="poc5">公开</span>
<input type="button" value="发布" id="bt">
</div>
</div>
</body>
</html>