在 javascript 制作时钟但未定义拉斐尔

Question

我正在用 java脚本制作时钟。下面的代码只是一个开始。它应该只产生一个橙色矩形。

我正在为矢量图形使用 raphael 库。

但是，当我尝试在 Web 浏览器中查看它时，在检查元素中我收到一条消息，指出 raphael 未定义。

我已将 clock.html 和 clock.js 文件存储在仅包含 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代码如下

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 和 java 脚本。

非常感谢

Answer 1

始终在添加代码之前添加代码使用的脚本。

像这样：

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

问题中，Clock.js先出现。这可能就是您收到 Raphael 未定义错误的原因。

我删除了type="text/javascript"。你会发现在旧的 JS 书籍和教程中，但这是不必要的。

在 javascript 制作时钟但未定义拉斐尔

Making clock in javascript but Raphael not defined

raphael