jQuery报错：Declaration or statement expected 求助，代码浏览器正常本地文件报错
2026-5-13
解决jQuery报错“Declaration or statement expected”的问题
嘿，我来帮你搞定这个问题！先理清楚你的情况：代码在服务器环境下（浏览器正常运行）没问题，但本地打开文件就弹出这个报错，大概率是本地文件的解析环境和服务器端存在差异，尤其是DOM加载顺序或者代码执行时机的问题。
先把你的代码贴出来方便分析：
function showMessage(mode) { var divMessage = "<div class='alert alert-success'>" + "Berhasil <strong>" + mode.toUpperCase() + "</strong> pertanyaan" + "</div>"; $(divMessage) .prependTo(".ini") .delay(2000) .slideUp("slow"); }
可能的问题原因
- DOM加载顺序问题：如果这段代码直接放在HTML的
<head>标签里，本地打开时浏览器还没加载完页面DOM，jQuery就开始执行了，导致解析报错。而服务器环境下可能因为资源加载顺序、缓存或者服务器端渲染的原因，没触发这个问题。 - HTML实体的潜在问题：你代码里用的
<和>是HTML转义实体，虽然语法上没错，但本地文件解析时可能因为实体解析的时机问题，触发了语法检查报错。
具体解决方案
- 用DOM就绪事件包裹代码
确保你的代码在DOM完全加载后再执行，这是jQuery开发的基本规范，能避免绝大多数DOM未就绪的问题。修改后的代码如下：
$(document).ready(function() { function showMessage(mode) { var divMessage = "<div class='alert alert-success'>" + "Berhasil <strong>" + mode.toUpperCase() + "</strong> pertanyaan" + "</div>"; $(divMessage) .prependTo(".ini") .delay(2000) .slideUp("slow"); } // 这里可以根据需求调用函数，比如 showMessage('simpan'); });
也可以用更简洁的简写形式：
$(function() { // 你的showMessage函数和调用代码都放在这里 });
替换HTML实体为原生标签字符
把代码里的<换成<，>换成>，这样代码更清晰，也能避免本地解析时的实体转义问题，如上例所示。检查jQuery库的引入
确保你在本地HTML文件里正确引入了jQuery，而且是在自定义JS代码之前引入。比如：
<!-- 先引入jQuery --> <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script> <!-- 再放你的自定义JS代码 --> <script> // 这里写showMessage函数 </script>
如果是本地引入jQuery文件，要确认文件路径正确，避免因为路径错误导致jQuery未加载，进而引发类似报错。
按照上面的步骤修改后，本地打开文件应该就不会再出现这个报错了。如果还有问题，可以检查下本地文件的路径是否包含空格或特殊字符，这些也可能影响浏览器的解析。
内容的提问来源于stack exchange，提问作者Al azmi
