摘要：<script type="text/javascript"> var text,number,m window.onload=function (){ text=document.ge
<script type="text/javascript">
var text,number,m
window.onload=function (){
text=document.getElementById('text')//获取输入框的内容
number=document.getElementById('number')//获取输入的字数
bt=document.getElementById('bt')//获取按钮
text.onkeyup=function aa(){//连接键盘弹起事件
m=140-text.value.length//微博限制字数是140，获取字符长度
if(m<0){
number.style.color="red"
}else{
number.style.color="#888"
}
number.innerHTML=m;
}
bt.onclick=function(){
if (m==140) {
alert("你还没有输入")
text.focus()
}else if(m<0){
alert("字数太多，不可以发布")
text.focus()
}else{
alert("发布成功")
}
}
aa()
}
</script>本案例的主要知识点如下：
1、window.onload是一个事件，在文档加载完成后能立即触发，并且能够为该事件注册事件处理函数。
2、document.getElementById('text')查找id名为text的元素
3、text=document.getElementById('text')获取text
4、m=140-text.value.length，获取字符长度，限制字符数最大值是140个字符
5、innerHTML在JS是双向功能：获取对象的内容 或 向对象插入内容；
如：<div id="aa">这是内容</div> ，
我们可以通过 document.getElementById('aa').innerHTML 来获取id为aa的对象的内嵌内容；也可以对某对象插入内容，如 document.getElementById('abc').innerHTML='这是被插入的内容'; 这样就能向id为abc的对象插入内容。
批改老师：天蓬老师批改时间：2019-01-27 08:50:24
老师总结：如果 页面中有大量的图片,或者其它文件资源的话, 不要用这个事件window.onload
