????：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;  //初始數量

// $count.innerHTML = $num; //通過pan.#count的句柄.innerHTML調整其內容

// console.log(num); //調試

//點擊textarea后，改變其邊框樣式

itext.onclick =function changeborder(){

itext.style.border='5px solid #CCFFFF'; //改變邊框顏色

itext.style.backgroundColor="#FFFFCC" //改變背景顏色

}

//焦點脫離textarea后，恢復其邊框樣式

itext.onblur =function changeborder(){

itext.style.border='5px solid #FF9999'; //改變邊框顏色

itext.style.backgroundColor="#FFF" //改變背景顏色

}

//先定義TextArea的某個鍵盤的鍵被松開事件，獲取textarea已輸入字符個數，并插入"到".count";

itext.onkeyup = function shuru(){

num = itext.value.length;

remain = 150 - num; //定義最大支持輸入字符數，目前仍可輸入多少個字符

count.innerHTML = remain; //x.innerHTML改變.count內容

// console.log(remain) //調試

}

//定義[發(fā)布]按鈕的觸發(fā)事件

send.onclick = function fabu(){

num = itext.value.length;

if(num == 0){

alert("不能發(fā)布空內容，請錄入相關內容！"); //重新給textarea賦予焦點

itext.focus();

}else{

alert("此次發(fā)布的內容字符數有"+num+",發(fā)布成功啦！");

console.log(itext.value) //調試獲取itext.value內容

itext.value=""; //清空textarea

itext.focus(); //重新給textarea賦予焦點

}

}

}

// 總結：此節(jié)課很有意義，對javascript控制標簽屬性、內容有了更深刻的理解，于是在作業(yè)中自己擴展測試了另外一些事件和根據textarea的value屬性調試獲取textarea的內容；

?? ???：西門大官人?? ??：2019-04-22 09:57:26
???? ??：作業(yè)完成的非常好，只是沒有看到html代碼。還有嘗試優(yōu)化一下代碼，不用全局變量的話，如何處理？