5
333<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
p{ width: 100px; height: 100px; }
.box1{ background-color: red; }
.box2{ background-color: yellow; }
</style>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<p class="box1"></p>
<p class="box2"></p>
<script>
$(function(){
(function(){
$('.box1').click(function(){
alert('red');
})
})()
(function(){
$('.box2').click(function(){
alert('yellow');
})
})()
})
</script>
</body>
</html>代码就是这样
点击红色 能正常弹出弹框 下面的报错 这个错误是什么原因?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
后面不想加分号，那就把代码块使用花括号包起来。
建议了解关键字“javascript自动分号插入机制”
第一个函数结尾加分号
( )( )( )( ),四个括号连着写，系统没法判断哪里结束。
PS:养成不省分号的习惯，可以避免很多意想不到的错误~
第二行的第一个字符是下面这五个字符之一时，JavaScript将不对第一行句尾添加分号：
"("、"["、"/"、"+" 、"-"
一楼正解，或者在第二个闭包前面加上！、-、；、+ 任何一个都可以