前端错误合集

覆东流

已于 2024-03-22 23:27:35 修改

阅读量1.4k

点赞数 21

分类专栏：前端文章标签：前端 html

于 2024-03-22 23:26:56 首次发布

本文链接：https://blog.csdn.net/qq_41807399/article/details/130021860

版权

前端专栏收录该内容

50 篇文章 0 订阅

订阅专栏

错误类型

Uncaught Reference Error：引用错误
Uncaught SyntaxError：语法错误
caught TypeError:类型错误

xx is not defined

未定义xx

原因

1.关键字写错了

解决办法

1.修改成正确的关键字

NAN

计算错误

原因

计算时数据类型不同

解决办法

使用数据类型相同的数据进行计算

:Invalid left-hand side in assignment

赋值中左侧无效

if (num % 4 = 0 && num % 100 != 0) {
				alert(true)
			} else {
				alert(false)
			}

原因

1.用于判断的==号写成=号

解决

1.将=号改成==号

Invalid or unexpected token

num < 10？ alert('0' + num): alert(num)

无效或意外的令牌

分析

代码中问号是中文符号

解决方法

检查语句，把中文符号改成英文符号

Unexpected token ‘xxx’

意外的xxx符号

分析

1

console.log(2) break

在同一行书写不加结束符号时，会把它当作是一条语句

2

switch (operator) {
	case +:
	alert(num1 + num2)
	break

字符串未加引号

解决办法

1

break换行书写或加上结束符号

console.log(1)
break

2

给字符串加上引号

switch (operator) {
	case '+':
		alert(num1 + num2)
		break

谷歌进入调试界面没有获取还有javascript源代码

在这里插入图片描述

解决方法

运行一遍javascript操作

: xxx is not defined

xxx没有定义

let num = 1
			while (i < 4) {
				document.writeln('循环三次')
				i++
			}

分析

使用了没有定义的变量

解决办法

新定义变量或使用已定义变量

Invalid shorthand property initializer

无效的简写属性初始化页面

分析

语法错误，创建对象时，对象里面的属性与值之间使用的是‘=’号

let goods = {
				uname = '小米10青春版',
				num = 100012816024,
				weight = '0.55kg',
				address = '中国大陆'
			}

解决办法

使用正确的书写方式，把等号改为冒号

let goods = {
				uname: '小米10青春版',
				num: 100012816024,
				weight: '0.55kg',
				address: '中国大陆'
			}

Cannot read properties of null (reading ‘classList’)

无法读取空属性（读取‘classList’）

分析

类型错误,使用classList操作元素类名时使用了一个样式表中没有的类名

<style>
			.box {
				width: 300px;
				height: 300px;
				background-color: #ffc0cb;
			}

			.active {
				border: 3px solid #000;
			}
		</style>
	</head>
	<body>
		<p>为解决类名覆盖问题，通过classList来追加或删除CSS类名</p>
		<p>元素.classList.add('类名')：追加一个类</p>
		<p>元素.classList.remove('类名')：删除一个类</p>
		<p>元素.classList.toggle('类名')：切换一个类</p>
		<div class="box"></div>
		<div class="box active"></div>
		<div class="box"></div>
		<script>
			const div1 = document.querySelector('div')
			div1.classList.add('active')
			const div2 = document.querySelector('div:nth-child(2)')
			div2.classList.remove('sctive')
		</script>
	</body>

解决办法

修改成css样式表中右的类名

Cannot access ‘xx’ before initialization

在初始化之前不能访问xx

for (let i = 0; i < sliderData.length; i++) {
		scril.innerHTML = '<li></li>'
}
setInterval(lunbo, 1000)
const scril = document.querySelector('.slider .slider-footer ul')

分析

引用错误，对象在声明之前不能被调用

解决办法

以后注意先声明对象再使用对象

missing xx after argument list

div.addEventListener('click', grbi

function grbi() {
		div.style.display = 'none'
		}

分析

语法错误，调用函数时缺失）

解决办法

加上小括号

覆东流

关注

21
点赞
踩
19

收藏

觉得还不错? 一键收藏
打赏
0
评论
前端错误合集

未捕获的引用错误：未定义xx。
复制链接

扫一扫

专栏目录

前端错误合集

错误类型

xx is not defined

原因

解决办法

NAN

原因

解决办法

:Invalid left-hand side in assignment

原因

解决

Invalid or unexpected token

分析

解决方法

Unexpected token ‘xxx’

分析

1

2

解决办法

1

2

谷歌进入调试界面没有获取还有javascript源代码

解决方法

: xxx is not defined

分析

解决办法

Invalid shorthand property initializer

分析

解决办法

Cannot read properties of null (reading ‘classList’)

分析

解决办法

Cannot access ‘xx’ before initialization

分析

解决办法

missing xx after argument list

分析

解决办法

“相关推荐”对你有帮助么？