<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Title</title>
</head>
<body>
<div class="box">
<h2>認(rèn)為你自己很帥的請點贊</h2>
<div id="btn">
我非常贊同你的觀點
<span id="spanNum">0</span>
</div>
</div>
<script type="text/javascript">
var oBtn = document.getElementById("btn");
var spanNum = document.getElementById("spanNum");
// 1 全局
// 利用全局作用域不銷毀的原理,把需要累加的數(shù)字,定義為全局的變量
// 弊端 : 在項目中為了防止全局變量之間的沖突,我們一般都是禁止或者減少使用全局變量
// var count = 0;
// oBtn.onclick = function () {
// count++;
// spanNum.innerHTML = count;
// }
// 2.自己形成一個不銷毀的私有作用域來保存我們需要累加的數(shù)字
// 弊端: 有一個不銷毀的私有作用域 ,所以占那么一丟丟的內(nèi)存
~function () {
var count = 0;
oBtn.onclick = function () {
count++;
spanNum.innerHTML = count;
}
}();
oBtn.onclick = (function () {
var count = 0;
return function () {
count++;
spanNum.innerHTML = count;
}
})();
// 3.利用innerHTML的方式處理:每一次點擊的時候都剪刀頁面中獲取到最新的值,然后累加,最后把累加的結(jié)果放回去
// spanNum.innerHTML 獲取的頁面中的內(nèi)容返回的是一個字符串
// 弊端: 每一次都需要把頁面中的內(nèi)容先轉(zhuǎn)換成字符串然后再累加,累加完再重新添加回去,當(dāng)重新添加的時候瀏覽器都要重新的渲染一下
oBtn.onclick = function () {
spanNum.innerHTML++;
}
// 4.利用自定義屬性存儲(推薦)
oBtn.count = 0;
oBtn.onclick = function () {
spanNum.innerHTML = ++this.count;
}
</script>
</body>
</html>
10-綜合練習(xí)2
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來怕品,“玉大人妇垢,你說我怎么就攤上這事∪饪担” “怎么了闯估?”我有些...
- 文/不壞的土叔 我叫張陵,是天一觀的道長吼和。 經(jīng)常有香客問我涨薪,道長,這世上最難降的妖魔是什么炫乓? 我笑而不...
- 正文 為了忘掉前任刚夺,我火速辦了婚禮,結(jié)果婚禮上末捣,老公的妹妹穿的比我還像新娘侠姑。我一直安慰自己,他們只是感情好箩做,可當(dāng)我...
- 文/花漫 我一把揭開白布莽红。 她就那樣靜靜地躺著,像睡著了一般邦邦。 火紅的嫁衣襯著肌膚如雪船老。 梳的紋絲不亂的頭發(fā)上,一...
- 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼罗捎!你這毒婦竟也來了观谦?” 一聲冷哼從身側(cè)響起,我...
- 正文 年R本政府宣布惨恭,位于F島的核電站秉馏,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏喉恋。R本人自食惡果不足惜沃饶,卻給世界環(huán)境...
- 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望轻黑。 院中可真熱鬧糊肤,春花似錦、人聲如沸氓鄙。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽抖拦。三九已至升酣,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間态罪,已是汗流浹背噩茄。 一陣腳步聲響...
推薦閱讀更多精彩內(nèi)容
- 小學(xué)語文修改病句的方法 修改病句是小學(xué)語文考試中常見的題型预茄,在修改病句之前兴溜,我們應(yīng)該清晰的了解有哪些病句現(xiàn)象,下面...
- 一般來說,喜歡站立的人篮灼,比喜歡躺著或或坐著的人忘古,身材更好。與躺著的姿勢相比诅诱,站姿所消耗的能量要多出10%髓堪。而單腿站...
- 創(chuàng)業(yè)第三步 5.3 鎖定客戶 一定注意收集客戶反饋,如星巴克的“我的行吧克”大年,不斷收集客戶建議祭阀,并落入產(chǎn)品,保證創(chuàng)...