2017-06-17 74 views
0

我剛學習HTML和CSS後纔開始學習javascript。**完整初學者**爲什麼我的Javascript無法載入?

不知何故腳本不會顯示在我的網站上。

<!DOCTYPE html> 
<html> 
<head> 
    <title>Test</title> 

    <link rel="stylesheet" href="c01.css"> 
</head> 
<body> 
    <script src="addContent.js"></script> 
</body> 
</html> 

和addContent.js腳本

var today = new Date(); 
var hourNow = new today.getHours(); 
var greeting; 

    if (hourNow > 18) { 
     greeting='Good evening!'; 
    } else if (hourNow > 12) { 
     greeting='Good afternoon!'; 
    } else if (hourNow > 0) { 
     greeting='Good Morning!'; 
    } else { 
     greeting ='Welcome!'; 
    } 

document.write('<h1>' + greeting + '</h1>'); 

覺得這樣的回答我的問題是相當容易的,但我不能發現問題,請幫助。

在此先感謝。

+0

你的腳本有什麼目錄? – stark

+0

根據執行javascript的速度有多快,它可能會在關閉標記後將歡迎html隱藏起來,從視圖中隱藏起來。用id標記插入div或span,然後使用findelementbyid函數插入html。 – imqqmi

+0

@stark盟友我的文件在同一個目錄下。 – chris

回答

1

你只需從線

var hourNow = new today.getHours(); 

這裏刪除單詞new是一個工作示例

var today = new Date(); 
 
var hourNow = today.getHours(); 
 
var greeting; 
 

 
    if (hourNow > 18) { 
 
     greeting='Good evening!'; 
 
    } else if (hourNow > 12) { 
 
     greeting='Good afternoon!'; 
 
    } else if (hourNow > 0) { 
 
     greeting='Good Morning!'; 
 
    } else { 
 
     greeting ='Welcome!'; 
 
    } 
 

 
document.write('<h1>' + greeting + '</h1>');
<html> 
 
<head> 
 
    <title>Test</title> 
 

 
    <link rel="stylesheet" href="c01.css"> 
 
</head> 
 
<body> 
 
    <script src="addContent.js"></script> 
 
</body>

+0

非常感謝你。我想我需要休息一下......我應該看到這一點。 – chris

0

簡單,請看:

var today = new Date(); // new is the root of you date. 

那麼當你新的根已經定義,U再也沒有使用:

var hourNow = new today.getHours(); 

這是正確的代碼:

var hourNow = today.getHours(); // Use this code. 
0

剛剛從VAR hourNow刪除新=新今天.getHours()

var today = new Date(); 
 
var hourNow = today.getHours(); 
 
var greeting; 
 

 
    if (hourNow > 18) { 
 
     greeting='Good evening!'; 
 
    } else if (hourNow > 12) { 
 
     greeting='Good afternoon!'; 
 
    } else if (hourNow > 0) { 
 
     greeting='Good Morning!'; 
 
    } else { 
 
     greeting ='Welcome!'; 
 
    } 
 

 
document.write('<h1>' + greeting + '</h1>');