????：<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')//獲取輸入框的內(nèi)容
    		number=document.getElementById('number')//獲取輸入的字?jǐn)?shù)
    		bt=document.getElementById('bt')//獲取按鈕
    		text.onkeyup=function aa(){//連接鍵盤彈起事件
    			m=140-text.value.length//微博限制字?jǐn)?shù)是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("字?jǐn)?shù)太多，不可以發(fā)布")
    				text.focus()
    			}else{
    				alert("發(fā)布成功")
    			}
    		}
    		aa()
    	}
    </script>

本案例的主要知識點(diǎn)如下：

1、window.onload是一個事件，在文檔加載完成后能立即觸發(fā)，并且能夠為該事件注冊事件處理函數(shù)。

2、document.getElementById('text')查找id名為text的元素

3、text=document.getElementById('text')獲取text

4、m=140-text.value.length，獲取字符長度，限制字符數(shù)最大值是140個字符

5、innerHTML在JS是雙向功能：獲取對象的內(nèi)容  或  向?qū)ο蟛迦雰?nèi)容；

如：<div id="aa">這是內(nèi)容</div> ，

我們可以通過  document.getElementById('aa').innerHTML 來獲取id為aa的對象的內(nèi)嵌內(nèi)容；也可以對某對象插入內(nèi)容，如  document.getElementById('abc').innerHTML='這是被插入的內(nèi)容';   這樣就能向id為abc的對象插入內(nèi)容。

?? ???：天蓬老師?? ??：2019-01-27 08:50:24
???? ??：如果 頁面中有大量的圖片,或者其它文件資源的話, 不要用這個事件window.onload