                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

來(lái)個(gè)大佬解釋下

<!DOCTYPE html>

<html>

<head>

<title>W3Cschool教程(w3cschool.cn)</title>

</head>

<body>

<p>點(diǎn)擊按鈕循環(huán)代碼5次。</p>

function myFunction(){

? ? var x="";

? ? for (var i=0;i<5;i++){

? ? ? ? x=x+"該數(shù)字為 " + i + "<br>";

? ? }

? ? document.getElementById("demo").innerHTML=x;

}

</script>

</body>

</html>

//里面的 x=x+"該數(shù)字為 " + i + "<br>";? 為什么要在前面加個(gè) x+

懶得起名字_3

2019-03-29

源自：JavaScript進(jìn)階篇 4-5

關(guān)注問(wèn)題我要回答

1271

操作

收起

4 回答

qq_凡星_4
2019-05-15

如果不加x+的話，每次循環(huán)時(shí)x的值都是”該數(shù)字為 i“，循環(huán)完后，x的值只是”該數(shù)字為 4+換行“；加了x+的話，第一次循環(huán)時(shí)x的值是”該數(shù)字為 1+換行“,第二次循環(huán)時(shí)x的值是”該數(shù)字為 1+換行?該數(shù)字為 2+換行“，最后循環(huán)完后就是你要的格式了。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

keydew
2019-04-01

因?yàn)檫@段代碼里是把所有需要顯示的文本放在x這一個(gè)變量里的，代碼里for循環(huán)：

for?(var?i=0;i<5;i++){
????x=x+"該數(shù)字為?"?+?i?+?"<br>";
}

是循環(huán)給x變量追加文本，直到循環(huán)結(jié)束后再通過(guò)innerHTML直接把值給到id為demo的p元素來(lái)顯示：

document.getElementById("demo").innerHTML=x;

如果你想把x+去掉也可以，只是文本輸出的方式和位置也要換一下，要換在for循環(huán)里，每個(gè)循環(huán)輸出一次，如將函數(shù)myFunction里內(nèi)容替換為：

var?x="";
for?(var?i=0;i<5;i++){
???x="該數(shù)字為?"?+?i?+?"<br>";
???document.write(x);
}

這樣就可以就可以達(dá)到同樣的效果，只是document.write會(huì)把函數(shù)調(diào)用前的頁(yè)面全部覆蓋掉，所以還是原來(lái)那種方式比較好。

1 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

keydew

第二種方法document.write(x);可以換成document.getElementById("demo").innerHTML+=x; 這樣就不會(huì)覆蓋原來(lái)的頁(yè)面

2019-04-01 回復(fù) 有任何疑惑可以回復(fù)我~

懶得起名字_3 提問(wèn)者
2019-03-29

想實(shí)現(xiàn)第一個(gè) 但是為什么要在i前面加個(gè)x+? 我刪了之后為什么直接就變成該數(shù)字為4呢

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

阿穆哥哥

你這個(gè)代碼是先進(jìn)行循環(huán)結(jié)束后再進(jìn)行賦值的，當(dāng)然當(dāng)x=4的時(shí)候結(jié)束了，跳出循環(huán)之后，那個(gè).innerHTML被賦值為4了，你想實(shí)現(xiàn)第一個(gè)效果可以把那個(gè)賦值語(yǔ)句放進(jìn)循環(huán)

2019-03-29 回復(fù) 有任何疑惑可以回復(fù)我~