在javascript中創建時鐘，但Raphael未定義

我在javascript中創建時鐘。下面的代碼僅僅是一個開始。它應該只產生一個橙色的矩形。在javascript中創建時鐘，但Raphael未定義

我正在使用raphael庫作爲矢量圖形。

但是，當我嘗試在Web瀏覽器中查看此內容時，在檢查元素中，我收到一條消息，指出raphael未定義。

我已經存儲了我的只包含拉斐爾-min.js

我有html代碼如下

<!DOCTYPE HTML> 
<html> 
<head> 
<script src="Clock.js" type="text/javascript"> </script> 
<script src=「raphael-min.js" type="text/javascript"> </script> 
</head> 
<body> 
</body> 
</html>

和Java代碼的文件夾中clock.html和clock.js文件如下

window .onload= function(){ 
var paper = new Raphael(0, 0, 400, 400); 
var backGround = paper.rect(0, 0, 400, 400); 
backGround.attr({ fill: "orange"}); 
/* Comment - Add your code here*/ 
};`

如果有人可以請告訴我我做錯了什麼，那將是太棒了。請用簡單的英語。上週我開始學習HTML和JavaScript。

非常感謝

來源

2015-02-17 Bernard.Mathews

您需要在代碼之前放置raphael-min.js腳本，以便Raphael在使用之前定義。 – Paul 2015-02-17 22:03:09

謝謝！我會嘗試，並讓它在一秒鐘內知道它是否有效 – 2015-02-17 22:32:39

不幸的是，它仍然無法正常工作。我已經改變了HTML代碼 <！DOCTYPE HTML> – 2015-02-17 22:34:50

始終添加代碼使用腳本添加代碼之前。

像這樣：

<!DOCTYPE HTML> 
<html> 
<head> 
<script src=「raphael-min.js"></script> 
<script src="Clock.js"></script> 
</head> 
<body> 
</body> 
</html>

在的問題，Clock.js首先出現。這可能是你得到拉斐爾未定義錯誤的原因。

我刪除type="text/javascript"。你會發現，在舊的JS書籍和教程中，但沒有必要。

來源

2015-02-17 22:59:10 Paul

感謝您的回答。我實際上已經嘗試過，只是嘗試複製和粘貼，以確保它是相同的，它是。我已經下載了raphael的未壓縮版本，它的命名與我的代碼相同，raphael-min.js – 2015-02-17 23:12:20

但它仍然無法正常工作！我將所有3個文件保存在桌面上的文件夾中。拉斐爾是298KB大。我做了一些拉菲爾的事情，我不知道是什麼。我的JavaScript文件clock.js仍然如上。我也嘗試了在線鏈接，但仍然沒有該死的橙色矩形。謝謝 – 2015-02-17 23:13:25

嘿，謝謝你的幫助。它實際上只是沒有在鉻工作，並在Internet Explorer中工作！非常感謝您解釋清楚的答案。 – 2015-02-19 02:30:56

在javascript中創建時鐘，但Raphael未定義

回答

相關問題