gpt4 book ai didi

javascript - 为什么我的网站上出现引用错误和语法错误?

转载 作者:行者123 更新时间:2023-12-02 14:58:20 25 4
gpt4 key购买 nike

我正在尝试设置一些样板代码,但遇到两个错误。第一个是 utils.js 文件上出现意外的标记语法错误,以及 scripts.js 文件上出现引用错误。谁能解释为什么当一切都在正确的位置并被引用时会返回这些错误?

HTML

<!doctype html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<script src="utils.js"></script>
<script src="script.js"></script>
</head>
<body>
<canvas id="main" width="450" height="400"></canvas>
</body>
</html>

utils.js

var Utils = {
utils.captureMouse = function(element){
var mouse = {x: 0, y: 0};

element.addEventListener("mousemove", function(event){
var x, y;
if(event.pageX || event.pageY){
x = event.pageX;
y = event.pageY;
}
else{
x = event.ClientX + document.body.scrollLeft + document.documentElement.scrollLeft;
y = event.ClientY + document.body.scrollTop + document.documentElement.scrollTop;
}
x -= element.offsetLeft;
y -= element.offsetTop;
mouse.x = x;
mouse.y = y;
});
return mouse;
}
};

script.js

window.addEventListener("load", function(){
var canvas = document.getElementById("main");
var ctx = canvas.getContext("2d");
mouse = Utils.captureMouse(canvas);

canvas.addEventListener("mousedown", function(){
console.log("X: " +mouse.x);
console.log("Y: " +mouse.y);
})
})

这里是错误

Uncaught SyntaxError: Unexpected token.             utils.js:2
Uncaught ReferenceError: utils is not defined script.js:4
(anonymous function) @ script.js:4

最佳答案

这不是有效的语法:

var Utils = {
utils.captureMouse = function(){/.../}
};

在第二行,utils 未定义。那应该是设置一个属性,而不是执行赋值操作。也许你的意思是这个?:

var Utils = {
captureMouse: function(){/.../}
};

第二个错误只是第一个错误的结果,因为 Utils 从未有效定义。纠正这一点应该同时纠正两者。

关于javascript - 为什么我的网站上出现引用错误和语法错误?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35610083/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com