尝试在 chrome 上运行 JavaScript 时出错 [重复]答案

【问题标题】：Getting an error when trying to run JavaScript on chrome [duplicate]尝试在 chrome 上运行 JavaScript 时出错 [重复]
【发布时间】：2023-03-26 10:07:01
【问题描述】：

我在 JSFIDDLE 上创建了这个函数，并将它复制到这样的 html 文件中，

<!DOCTYPE html>
<html>

<img src="https://img.clipartfest.com/bdaa48cee45dde7a22d715ece7f549c0_free-man-flying-a-rocket-rocket-man-clipart_2000-1778.png" height="82" width="82"
id="friends"/>

<style>#friends { position: absolute; }</style>

<script language="JavaScript" type="text/javascript" >var t = 0;
  var width = window.innerWidth
  || document.documentElement.clientWidth
  || document.body.clientWidth;
  function moveit() {
     t += 0.01;

var r = 100;
var xcenter = 100;
var ycenter = 100;
var newLeft = (Math.floor(xcenter + ( 1*r*Math.tan(t))));
var newTop = (Math.floor(ycenter + (r*Math.sin(t))));

if(newLeft < xcenter && newTop<r ){newTop=2*r-newTop}
if(newLeft > xcenter && newTop>r ){newTop=2*r-newTop}
$('#friends').animate({
    top: newTop,
    left: newLeft,
}, 1, function() {
    moveit();
});
}


moveit();

</script>



</html>

它给了我很多错误。但在 JSFIDDLE 中完美运行，请告诉我我做错了什么。我是 JS 新手。

【问题讨论】：

你需要提到很多错误是什么？否则没有办法帮助你
左侧属性的关键帧值无效：101
Uncaught ReferenceError: $ is not defined at moveit
事件处理程序中的错误（未知）：TypeError：无法读取 null 的属性“状态”
你需要包含jQuery

标签： javascript

【解决方案1】：

该示例使用 jQuery 版本 1.6。尝试将其包含在您的页面中。

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>

更新：并禁用 Chrome 的扩展 Imacros，因为您的异常来自那里。

【讨论】：

事件处理程序中的错误（未知）：TypeError：无法在 CSRecorder.onQueryStateCompleted 处读取 null 的属性“状态”（chrome-extension://cplklnmnlbnpmjogncfgfijoopmnlemp/content_scripts/recorder.js:106:17）
仍然出现此错误
这是 Chrome 扩展错误...尝试禁用扩展。可能是谷歌向我推荐的用于 Chrome 的 iMacros。无论如何，我无法帮助你解决这个错误。

【解决方案2】：

你在使用 jQuery 函数但没有导入库，尝试添加

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>

在您的 html 顶部

【讨论】：