前端套路

本文探讨了前端JavaScript代码中常见的错误处理难题,包括错误不提示导致后续代码无法执行的问题,以及通过alert()函数和故意引入错误代码进行错误定位的方法。同时分享了一个具体案例,分析了代码中错误定位的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

总结一下我遇到的前端套路,以后再遇到新的套路再更新

.有些前端套路不明白,需要钻研一下

1.前端代码(js代码),有错误的话,就不会往下执行,而前端又不报错

明明逻辑没问题啊,就是不显示我想要的效果

前端代码出错误,结果前端没有错误提示,然后错误的地方以后的代码都不执行 <这是js里的函数出了错误,没有错误提示>

在js代码中 定位错误,可以用 alert(); 展示信息,确定代码运行到哪一行;也可以故意用错误代码,来定位错误

   具体案例:

       以下是正确代码,其中错误代码已注释,并说明!

         <%
          String path = request.getContextPath();
          String webContent = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort()
            + path + "/";
           request.setAttribute("webContent", webContent);
         %>

          <script type="text/javascript">
           function registerFunction() {
            var userName = $("#userName").val();    //$("#userName") -->之所以要用#userName ,为了获取到id为username的标签?
            var password = $("#password").val();


            /* var webContent=${webContent};
            alert("项目路径:"+webContent); 

           --> 该注释代码无法运行成功,其后面的代码就没有显示出效果了,把该代码注释了就没问题了,暂时没有找到原因,怀疑是alert()函数用得不对,有空再琢磨琢磨 */


            alert("username:"+userName+"password:"+password);


         /*user/register:后端的register并不是form表格的action,故后端的register不用method = RequestMethod.POST */


            $.post("${webContent}user/register?userName=" + userName
                    + "&password=" + password,
                function(msg) {
                if (msg == 'success') {
                    location.href = "${webContent}page/login.jsp";    //注册成功后,要自己再登录一遍,就跳转到登录页面
                } else {
                    alert(msg);
                }
            });
        }
    </script>

附:JavaScript中的alert() 函数使用技巧详解

https://www.jb51.net/article/59119.htm

2.如何处理js报错

引用别人的资源:https://www.jianshu.com/p/a21688e015b6

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值