瓶啤酒 - 這是什麼：var bottlesDiv =文檔

-3

我跟着一個非常基本的瓶啤酒教程（不同於本網站上已提及的），我不明白這部分正在做什麼：瓶啤酒 - 這是什麼：var bottlesDiv =文檔

var bottlesDiv = document.

全部代碼在這裏（和它如預期工作）：


 

 
var bottles = 99; 
 
var lyrics = ""; 
 
while (bottles > 0) { 
 
lyrics = lyrics + bottles + " bottles of beer on the wall <br>"; 
 
lyrics = lyrics + bottles + " bottles of beer <br>"; 
 
lyrics = lyrics + "Take one down, pass it around, <br>"; 
 
bottles = bottles - 1; 
 
if (bottles > 0) { 
 
\t lyrics = lyrics + bottles + " bottles of beer on the wall <br><br>"; 
 
} else { 
 
\t lyrics = lyrics + "No more bottles of beer on the wall. <br>"; 
 
} 
 
} 
 
var bottlesDiv = document. 
 
getElementById("bottles"); 
 
bottlesDiv.innerHTML = lyrics;

<!doctype html> 
 
<html lang="en"> 
 
<head> 
 
\t <title>99 Bottles of Beer</title> 
 
\t <meta charset="utf-8"> 
 
\t <link rel="stylesheet" href="style.css"> 
 
</head> 
 
<body> 
 
\t <h1>99 Bottles of Beer </h1> 
 
\t <div id="bottles"></div> 
 
</body> 
 
</html>

來源

2015-02-06 Klammertime

該行只是一半的陳述。如果你使用下面這行代碼加入它，代碼就更容易理解了：var bottlesDiv = document.getElementById（「bottles」）;' – acbabis 2015-02-06 23:17:21

這實際上是一個多行的JavaScript STA tement：

// define the bottlesDiv variable and assign to it 
var bottlesDiv = document // start at window.document which is the root of the page 
    .getElementById('bottles'); // find the element in document with id = bottles

時書面這肯定更有意義：

var bottlesDiv = 
    document.getElementById('bottles');

來源

2015-02-06 23:17:43

謝謝，這是使用雜誌中的教程的問題，我想，他們跑出了房間柱。 – Klammertime 2015-02-06 23:26:10

var bottlesDiv = document.getElementById("bottles");

它僅僅是格式不正確的情況。 bottlesDiv是用瓶子的id保存元素的變量。

getElementById()是一個Javascript選擇器功能。

來源

2015-02-06 23:18:25 beaglebets

這不一定「不正確」。乍看之下，如果你不習慣它，這當然會讓人困惑。 – 2015-02-06 23:23:26

它不是

var bottlesDiv = document。

及其

變種bottlesDiv =的document.getElementById（「瓶」）;

它讀直到半結腸。

來源

2015-02-06 23:18:29 mudpuddle

不好意思，但直到分號才能閱讀。 JavaScript有自動分號插入。它讀取，直到它找到一個有效的表達式。 'document.'本身不是一個有效的表達式，因此可以安全地將它分成多行。像'return true'這樣的東西不能被分割，因爲'return'本身*是一個有效的表達式。 – vrmc 2015-02-07 00:39:17

謝謝 - 多數民衆贊成。 – mudpuddle 2015-02-09 16:52:00

我應該糾正自己，說這兩個表達式（分割之前和之後）需要有效的自動分號插入發生。所以你可以像'document.'或者'.getElementById（「bottles」）一樣分割它。兩者都可以工作，因爲一個點既不能開始也不能結束表達式。 – vrmc 2015-03-12 16:41:48

瓶啤酒 - 這是什麼：var bottlesDiv =文檔

回答

相關問題