Question

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

我正在使用raphael库来处理矢量图形。

但是，当我尝试在Web浏览器中查看时，在inspect元素中，我收到一条消息，指出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和javascript。

非常感谢

Answer 1

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

像这样：

<!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书籍和教程中，但这是不必要的。

在javascript中制作时钟但Raphael没有定义

1 个答案: