2017-06-17 76 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>');