亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

微博輸入字?jǐn)?shù)(2)

Original 2019-02-11 16:47:20 296
abstrakt:總結(jié):js中 事件是不加括號的,什么時候加括號,什么時候不加括號。這個東西有點(diǎn)疑惑。window.onload、text.onkeyup,text.value.length這些事件和屬性是不加括號的。  什么需要加括號?代碼:<!DOCTYPE html><html><head> <meta charset="utf-8"&g

總結(jié):

js中 事件是不加括號的,什么時候加括號,什么時候不加括號。這個東西有點(diǎn)疑惑。

window.onload、text.onkeyup,text.value.length這些事件和屬性是不加括號的。  什么需要加括號?

代碼:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>微博輸入</title>

<style type="text/css">

body{

font-size:12px;

}

.box{

width: 600px;

height: 160px;

border: 10px solid pink; 

margin: 0px auto;

padding: 10px;

}

.box img{

float:left;

}

.box1{

float:left;

margin-left: 255px;

width: 150px;

height:24px;

text-align: right;

font-size:14px;

color:#888;

}

.box1 span{

font-size: 16px;

font-weight: bold;

}

#text{

width:600px;

height:100px;

border: 1px solid #888;

margin-top: 5px;

}

.box #sp1, #sp2, #sp3, #sp4, #sp5, #sp6{

float:left; width:30px; height:32px; line-height: 32px; padding-left: 26px;

}

#sp1{

background: url('images/an5.png') no-repeat left center;

}

#sp2{

background: url('images/an4.png') no-repeat left center;

}

#sp3{

background: url('images/an3.png') no-repeat left center;

}

#sp4{

background: url('images/an2.png') no-repeat left center;

}

#sp5{

background: url('images/an1.png') no-repeat left center;

width:40px;

}

#sp6{

margin-left:150px; margin-right:15px; color: #888;

}

#btn{

float:left; width:80px; height:30px; border:none;

background: #ffc09f; color:#fff ; border-radius: 5px;

}


</style>

<script type="text/javascript">

var text, number, m=140, btn;

window.onload = function(){

text = document.getElementById('text');

number = document.getElementById('number');

btn = document.getElementById('btn');

text.onkeyup = function countN(){

m = 140 - text.value.length;

if(m<0){

number.style.color = "red";

} else {

number.style.color = "#888";

}

number.innerHTML = m;

}


btn.onclick = function(){

if(m==140){

alert('發(fā)布內(nèi)容不能為空');

text.focus();

} else if(m<0) {

alert('內(nèi)容字?jǐn)?shù)超限');

text.focus();

} else{

alert('發(fā)布成功');

text.value="";

number.innerHTML = 140;

}

countN();

}


}

</script>

</head>

<body>

<div class="box">

<img src="images/12.png">

<div class="box1">還可以輸入 <span id="number">140</span>字</div>

<textarea id="text"></textarea>

<span id="sp1">表情</span>

<span id="sp2">圖片</span>

<span id="sp3">視頻</span>

<span id="sp4">話題</span>

<span id="sp5" >長微博</span>

<span id="sp6">公開</span>

<input type="button" name="" value="發(fā)布" id="btn">

</div>

</body>

</html>


Korrigierender Lehrer:韋小寶Korrekturzeit:2019-02-11 17:03:49
Zusammenfassung des Lehrers:函數(shù)方法基本上是需要括號的 對象是需要點(diǎn) 數(shù)組是中括號 多練習(xí)練習(xí) 你就會發(fā)現(xiàn)問題所在了

Versionshinweise

Beliebte Eintr?ge