サマリー：var itext,count,sendwindow.onload = function(){ // 頁布加載后再進行javascript語句 itext = document.getElementById("text"); //獲取TextArea句柄，通過x.value.length獲取其字符長度 count = document.
var itext,count,send
window.onload = function(){ // 頁布加載后再進行javascript語句
itext = document.getElementById("text"); //獲取TextArea句柄，通過x.value.length獲取其字符長度
count = document.getElementById("count"); //獲取span.#count的句柄
send = document.getElementById("send"); //獲取發(fā)布按鈕的句柄
itext.style.resize="none";
remain = 150;
count.innerHTML = remain; //初始數(shù)量
// $count.innerHTML = $num; //通過pan.#count的句柄.innerHTML調(diào)整其內(nèi)容
// console.log(num); //調(diào)試
//點擊textarea后，改變其邊框樣式
itext.onclick =function changeborder(){
itext.style.border='5px solid #CCFFFF'; //改變邊框顏色
itext.style.backgroundColor="#FFFFCC" //改變背景顏色
}
//焦點脫離textarea后，恢復(fù)其邊框樣式
itext.onblur =function changeborder(){
itext.style.border='5px solid #FF9999'; //改變邊框顏色
itext.style.backgroundColor="#FFF" //改變背景顏色
}
//先定義TextArea的某個鍵盤的鍵被松開事件，獲取textarea已輸入字符個數(shù)，并插入"到".count";
itext.onkeyup = function shuru(){
num = itext.value.length;
remain = 150 - num; //定義最大支持輸入字符數(shù)，目前仍可輸入多少個字符
count.innerHTML = remain; //x.innerHTML改變.count內(nèi)容
// console.log(remain) //調(diào)試
}
//定義[發(fā)布]按鈕的觸發(fā)事件
send.onclick = function fabu(){
num = itext.value.length;
if(num == 0){
alert("不能發(fā)布空內(nèi)容，請錄入相關(guān)內(nèi)容！"); //重新給textarea賦予焦點
itext.focus();
}else{
alert("此次發(fā)布的內(nèi)容字符數(shù)有"+num+",發(fā)布成功啦！");
console.log(itext.value) //調(diào)試獲取itext.value內(nèi)容
itext.value=""; //清空textarea
itext.focus(); //重新給textarea賦予焦點
}
}
}
// 總結(jié)：此節(jié)課很有意義，對javascript控制標簽屬性、內(nèi)容有了更深刻的理解，于是在作業(yè)中自己擴展測試了另外一些事件和根據(jù)textarea的value屬性調(diào)試獲取textarea的內(nèi)容；
添削の先生：西門大官人添削時間：2019-04-22 09:57:26
先生のまとめ：作業(yè)完成的非常好，只是沒有看到html代碼。還有嘗試優(yōu)化一下代碼，不用全局變量的話，如何處理？