javascript - 我以为我定义了我的 jQuery 函数,但我不断收到 "is not defined"错误。为什么是这样?

标签 javascript jquery html function

我的 HTML 文件:

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" />
        <script src="script.js" type="text/javascript"></script>
    </head>
    <body>
        <form name="someForm">
            <input type="button" value="Click me" onClick="myFunction()" />
        </form>
        <div id="result"></div>
    </body>
</html>

我的 script.js 文件:

function myFunction(){
    $("#result").html("BUTTON WORKS");
}

我有 Firebug,每当我单击按钮时,Firebug 都会向我抛出此错误:

ReferenceError: myFunction is not defined

我做错了什么?

最佳答案

script 不能是 HTML 中的自闭合标签(它在某些浏览器上可以工作,具体取决于文档类型,但这是不正确的)。您必须添加结束标记。

替换

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js" />

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

由于这个错误,指向您的脚本的脚本元素可能没有被正确解析。

来自 the norm :

A script element must have both a start tag and an end tag.

Blockquote

关于javascript - 我以为我定义了我的 jQuery 函数,但我不断收到 "is not defined"错误。为什么是这样?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13461723/

相关文章:

javascript - 在 Quill js 编辑器中模拟文档页面

javascript - icheck-box 组件中的 v-model 在 vue 中不起作用

javascript - 在 jquery 中,如果选中复选框,则将 'enabled' 类添加到按钮,否则将按钮保留为 'disabled'

javascript - 为什么 onclick 会被触发两次?

html - 使用高度为 100vh 的 flexbox 和 object-fit

javascript - 如何检查 ydn.db 数据库是否可供使用?

html - 添加自定义属性

javascript - Firefox 中的 typescript anchor 标记单击事件不起作用

javascript - 浏览器更新消息 Internet Explorer 8

javascript - jQuery 幻灯片放映代码不起作用