2013-03-22 105 views
0

我是新手编程,并试图做一个简单的计算器。编写一些代码后,我意识到我的JavaScript代码没有显示在我的HTML页面上。请告诉我发生了什么事。JavaScript没有显示在HTML页面

这里是我的HTML代码:

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
     Simple GUI Calculator 
    </title> 
    <script src="Calculator.js"></script> 
</head> 
<body> 

</body> 
</html> 

这里是我的JavaScript代码:

strokeWeight(1); 

var x = 10; 
var y = 140; 
var xDiff = 113; 
var yDiff =70; 
var buttonSize = 40; 

fill(95, 95, 95); 
rect(1, 1, 398, 400); 

fill(255, 255, 255); 
rect(10, 10, 380, 100); 

fill(5, 4, 4); 

rect(x, y, buttonSize, buttonSize); 
rect(x + xDiff, y, buttonSize, buttonSize); 
rect(x + 2 * xDiff, y, buttonSize, buttonSize); 
rect(x + 3 * xDiff, y, buttonSize, buttonSize); 

rect(x, y + yDiff, buttonSize, buttonSize); 
rect(x + xDiff, y + yDiff, buttonSize, buttonSize); 
rect(x + 2 * xDiff, y + yDiff, buttonSize, buttonSize); 
rect(x + 3 * xDiff, y + yDiff, buttonSize, buttonSize); 

rect(x, y + 2 * yDiff, buttonSize, buttonSize); 
rect(x + xDiff, y + 2 * yDiff, buttonSize, buttonSize); 
rect(x + 2 * xDiff, y + 2 * yDiff, buttonSize, buttonSize); 
rect(x + 3 * xDiff, y + 2 * yDiff, buttonSize, buttonSize); 

rect(x, y + 3 * yDiff, buttonSize, buttonSize); 
rect(x + xDiff, y + 3 * yDiff, buttonSize, buttonSize); 
rect(x + 2 * xDiff, y + 3 * yDiff, buttonSize, buttonSize); 
rect(x + 2 * xDiff + 90, y + 3 * yDiff, buttonSize + 23, buttonSize); 
+0

你是什么意思的“没有显示”像在你查看源代码时不加载?或者它正在加载,但它被破坏了? – Zak 2013-03-22 23:45:17

+0

您所做的所有这些函数调用都不会执行任何操作,因为它们不存在。你确定你没有试图使用画布对象或其他类似的图画?这需要初始化,并在页面上有一个''对象... – 2013-03-22 23:45:28

+0

你应该创建一个这个www.jsfiddle.net的jsFiddle – Dymond 2013-03-22 23:47:18

回答

0

您正在使用的功能本身不在JavaScript中。它们是HTML 5中画布对象的JavaScript属性和方法。您可以使用此链接来了解如何访问画布对象,并将代码用作应用于您将创建的画布对象的方法。 http://www.w3schools.com/html/html5_canvas.asp