摘要：var itext,count,sendwindow.onload = function(){ // 頁(yè)布加載后再進(jìn)行javascript語(yǔ)句 itext = document.getElementById("text"); //獲取TextArea句柄，通過(guò)x.value.length獲取其字符長(zhǎng)度 count = document.

var itext,count,send

window.onload = function(){ // 頁(yè)布加載后再進(jìn)行javascript語(yǔ)句

itext = document.getElementById("text"); //獲取TextArea句柄，通過(guò)x.value.length獲取其字符長(zhǎng)度

count = document.getElementById("count"); //獲取span.#count的句柄

send = document.getElementById("send"); //獲取發(fā)布按鈕的句柄

itext.style.resize="none";

remain = 150;

count.innerHTML = remain;  //初始數(shù)量

// $count.innerHTML = $num; //通過(guò)pan.#count的句柄.innerHTML調(diào)整其內(nèi)容

// console.log(num); //調(diào)試

//點(diǎn)擊textarea后，改變其邊框樣式

itext.onclick =function changeborder(){

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

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

}

//焦點(diǎn)脫離textarea后，恢復(fù)其邊框樣式

itext.onblur =function changeborder(){

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

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

}

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

itext.onkeyup = function shuru(){

num = itext.value.length;

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

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)容，請(qǐng)錄入相關(guān)內(nèi)容！"); //重新給textarea賦予焦點(diǎn)

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賦予焦點(diǎn)

}

}

}

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

批改老師：西門大官人批改時(shí)間：2019-04-22 09:57:26
老師總結(jié)：作業(yè)完成的非常好，只是沒(méi)有看到html代碼。還有嘗試優(yōu)化一下代碼，不用全局變量的話，如何處理？