当前位置: 首页 > 知识库问答 >
问题:

未捕获的ReferenceError:HtmlDivelement.OnClick未定义函数

傅朝
2023-03-14

我遇到了一个HTML/JavaScript的问题,在过去的7个小时里,我在web上找不到一个解决方案,尽管有人问过类似的问题!所有的解决方法都没有帮助我。

我的问题是以下错误:未捕获的ReferenceError:HtmlDivelement.onClick中未定义函数

当我按下一个应该触发该功能的按钮时,我会得到这个错误。该函数称为onclick,onclick属性附加到一个div对象。

null

console.log("Main is alive");

function addArticletoSC() {
  console.log("Main is still alive!");
};
<div class="article-element">
  <div class="picture_article-element">
    <img src="static/img/Chiquita_banana.PNG" alt="article" class="article_img">
  </div>
  <div class="text_article-element">
    <p class="name_info">Chiquita Banana
      <a href="/info" class="button button-small"><i class="material-icons button-color">info</i></a>
    </p>
    <div class="rating_comments">
      <a href="/comment_page" class="button button-small"><i class="material-icons rating">star_rate</i></a>
      <a href="/comment_page">4.5 / 5</a>
    </div>
    <div class="piece_price">
      <p>1 piece</p>
      <p class="price">0,50€</p>
    </div>
  </div>
  <div class="addtocart_article-element button" onclick="addArticletoSC()">
    <i class="material-icons">add_shopping_cart</i>
  </div>
</div>
<script type="text/javascript" src="js/main.js"></script>

null

如果有人能帮我做那件事,我将不胜感激。

PS:这是我的第一个HTML/CSS/JS项目,我真的不知道我在做什么。另外,我在项目中使用Framework7,如果这很重要,则使用idk。

共有1个答案

解念
2023-03-14

您可能忘记了脚本标记。无论如何试试这个..

null

<html lang="en">
<head>
    <title>Login page</title>
</head>
<script>
    console.log("Main is alive");

    function addArticletoSC() {
        console.log("Main is still alive!");
    }
</script>
<div class="article-element">
    <div class="picture_article-element">
        <img src="static/img/Chiquita_banana.PNG" alt="article" class="article_img">
    </div>
    <div class="text_article-element">
        <p class="name_info">Chiquita Banana
            <a href="" class="button button-small"><i class="material-icons button-color">info</i></a>
        </p>
        <div class="rating_comments">
            <a href="" class="button button-small"><i class="material-icons rating">star_rate</i></a>
            <a href="">4.5 / 5</a>
        </div>
        <div class="piece_price">
            <p>1 piece</p>
            <p class="price">0,50€</p>
        </div>
    </div>
    <div class="addtocart_article-element button" onclick="addArticletoSC()">
        <i class="material-icons">add_shopping_cart</i>
    </div>
</div>
<script type="text/javascript" src=""></script>
</html>
 类似资料:
  • 问题内容: 我正在尝试为网站添加 自定义表情的用户脚本 。但是,我遇到了很多错误。 这是函数: 该标签的调用该函数: 每次单击具有属性的按钮时,都会出现此错误: 未捕获ReferenceError:函数未定义。 任何帮助,将不胜感激。 谢谢! 我尝试使用: 但是我有一个错误。 这是脚本。 我试图这样做来测试听众是否正常工作,但他们不适合我: 问题答案: 切勿使用或用户脚本中的类似属性!在常规网页中

  • 我正在尝试为一个网站做一个用户脚本来添加自定义的表情。然而,我已经得到了很多错误。 函数如下: 标记的调用此函数: 每次单击具有属性的按钮时,都会出现以下错误: 未捕获得ReferenceError:未定义函数. 我尝试使用: 但我得到一个错误。 这是剧本。 我试着这样做来测试监听器是否对我有效,而它们对我无效:

  • 我不知道为什么会这样,但当我有: 错误消失了。 更新这是我的完整html代码:

  • 问题内容: 我在简单的jsp上遇到此错误:未捕获的ReferenceError:未定义$ 我只是试着在eclipse上的其他项目上调用服务,但似乎不起作用。 代码在这里: 更新: 尝试使用Google CDN的jQuery,但仍然无法正常工作 未捕获的ReferenceError:$未定义sendobject @ index.jsp:15onclick @ index.jsp:28 因为该问题的所

  • 问题内容: 我正在尝试将Admin Widget与两个DateField一起使用在我的配方中,但是只有第一个可以正确显示Widget,而另一个则出现错误: DateTimeShortcuts.js:205未捕获的ReferenceError:未定义django (指示的行是: ) 这是我的模板头: 我的模型领域: 和我的形式课: 我想这是某种渲染规则,但我完全感到困惑。欢迎任何帮助! 问题答案:

  • (操作系统:Windows 10;XAMPP v3.2.2;Visual Studio代码1.20.0) 我对php mysqli有一个问题。它说mysqli_connect函数没有定义。我尝试过很多解决方案——甚至在堆栈溢出中——但这些解决方案都不适合我。 我已经将PHP从5升级到7。在我的phpinfo中,似乎没有启用mysqli。所以我检查了是否有php_mysqli。我的php文件夹中的d