javascript函数报Uncaught ReferenceError: XXX is not defined

更新时间：2023年07月10日 15:43:54 作者：西木风落

本文主要介绍了javascript函数报Uncaught ReferenceError: XXX is not defined，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧

目录

(1) 写在<body></body>中
(2)写在<head></head>中
(3)引入外部的js文件

在写javascript函数的时候，JavaScript写在哪里？通常有三种形式：

1. 内部：Html网页的<body></body>中；

2. 内部：Html网页的<head></head>中；

3. 外部：外部JS文件里。

(1) 写在<body></body>中

当浏览器载入网页Body部分的时候，就执行其中的Javascript语句，执行之后输出的内容就显示在网页中。

<html>
<head>...</head>
<body>
<script type="text/javascript">....</script>
</body>
</html>

(2)写在<head></head>中

当不希望一载入HTML就运行javascript时，而是通过触发事件，这使通常将Javascript放在HTML的<head></head>里。

<html>
<head>
<script type="text/javascript">....</script>
</head>
<body>
...
</body>
</html>

(3)引入外部的js文件

为什么会报错误函数未定义呢？可以有以下集中原因：

1）JS函数未定义。（这种低级的相信大家都不会犯，但是不排除定义的函数和声明的函数名称不一致的情况，或者传入参数不一致）
2）将Javascript函数放在了body和head之外了。（LZ就是曾犯过此类错误）
3）Javascript函数定义在对象声明之前。你的代码是直接就能运行的话,要是代码所操作的对象在代码后面,有的浏览器会返回错误.因为它们是按顺序加载对象。

到此这篇关于javascript函数报Uncaught ReferenceError: XXX is not defined的文章就介绍到这了,更多相关javascript Uncaught ReferenceError内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

去除JavaScript对象中空值和空对象的四种方式
开发时遇到一个问题,需要将对象中的空值和空对象去除,所以这篇文章主要给大家介绍了关于去除JavaScript对象中空值和空对象的四种方式,需要的朋友可以参考下
2023-09-09
Firefox outerHTML实现代码
firefox没有outerHTML用以下方法解决
2009-06-06
微信小程序实现圆心进度条
这篇文章主要为大家详细介绍了微信小程序实现圆心进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-06-06
微信小程序自定义toast的实现代码
这篇文章主要介绍了微信小程序自定义toast的实现代码,本文以toast为例通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
2018-11-11
js实现图片无缝滚动特效
这篇文章主要为大家详细介绍了js实现图片无缝循环滚动特效的相关资料，本实例在网页中较为常见，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-01-01
理解javascript封装
这篇文章主要帮助大家理解学习javascript封装，通过封装可以强制实施信息隐藏，本文为大家分析了封装的利弊，感兴趣的小伙伴们可以参考一下
2016-02-02
JavaScript中的事件监听详细介绍
这篇文章主要给大家介绍了关于JavaScript中事件监听的相关资料,在前端开发过程中我们经常会遇到给页面元素添加事件的问题,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2023-08-08
ES6新特性：使用export和import实现模块化详解
本篇文章主要介绍了ES6新特性：使用export和import实现模块化详解，具有一定的参考价值，有兴趣的可以了解一下
2017-07-07
JavaScript 如何实现同源通信
在日常工作中，你可能会遇到同源页面间通信的场景。针对这种场景，我们可以使用 localStorage 和 storage 事件来解决同源页面间通信的问题。除此之外，我们还可以使用 Broadcast Channel API 来解决该问题。接下来，将带大家一起来认识一下 Broadcast Channel API。
2021-05-05
微信小程序分享海报生成的实现方法
为了吸引更多的用户，设计好一个分享海报还是很有必要的，这篇文章主要介绍了微信小程序分享海报生成的实现方法，非常具有实用价值，需要的朋友可以参考下
2018-12-12

最新评论