中文乱码问题

中文乱码问题

我在js中设置的function,里面有alert内容是中文,然后在浏览器中就会变为乱码;怎么解决

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕小班 2021-03-24 19:44:55

同学你好,1、测试贴出代码,并没有出现乱码,比如:

http://img1.sycdn.imooc.com//climg/605b233609cc9eaa04570126.jpg

同学可以检查一下自己的浏览器中的js文件,是否因为编译导致的乱码,比如

http://img1.sycdn.imooc.com//climg/605b23b309b9ff1a08140326.jpg


    ​2、测试贴出代码,onsubmit是可以正常触发的,比如:

http://img1.sycdn.imooc.com//climg/605b25ec09e777ec05450175.jpg

http://img1.sycdn.imooc.com//climg/605b260f09956ff305900223.jpg

同学可以检查一下对应的js引入路径是否正确。

祝学习愉快!

  • 提问者 qq_精慕门6417434 #1

    我浏览器中按f12中显示的就是中文乱码,这个怎么解决

    2021-03-24 19:47:48
  • 提问者 qq_精慕门6417434 #2

    http://img1.sycdn.imooc.com//climg/605b2a9209214b6110560253.jpg并且是有js的文件出现在浏览器调试中,应该路径摆放问题是没有错的


    http://img1.sycdn.imooc.com//climg/605b2aca09d1875402550615.jpg

    2021-03-24 20:04:31
  • 同学你好,可能是当前文件的编码,同学可以尝试重新创建一个js文件,并修改当前文件的编码,再来试试。

    http://img1.sycdn.imooc.com//climg/605bea0609aacb1b07600406.jpg

    祝学习愉快!

    2021-03-25 09:40:33
好帮手慕小班 2021-03-24 15:48:26

同学你好,同学可以尝试在js代码对应的html文件的head标签中,添加如下的设置编码的内容:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

​添加后保存文件再来试试。

祝学习愉快!

  • 提问者 qq_精慕门6417434 #1

    在js加上这句话会错误提示unexpected token<

    2021-03-24 17:38:53
  • 同学你好,meta标签是html中的标签,上面老师说的也是将这句代码书写在js代码对应的html文件的head标签中,并不是说让同学将这句代码写在js中。比如

    http://img1.sycdn.imooc.com//climg/605b0b71099d6a2608390143.jpg

    祝学习愉快!

    2021-03-24 17:50:56
  • 老师要不帮我看看代码吧,乱码解决不了,而且这个表单提交的onsubmit总是不触发我的js


    <%@ page language="java" contentType="text/html; charset=UTF-8"

        pageEncoding="UTF-8"%>

    <!DOCTYPE html>

    <html>

        <head>

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

            <meta charset="UTF-8">

            <title>新建图书信息</title>

            <link rel="stylesheet" href="css/bootstrap.min.css">

            <link rel="stylesheet" href="css/add.css">

            <script type="text/javascript" src="js\addBook.js"></script> 

            <script type="text/javascript" src="js\jquery-3.6.0.min.js"></script>

        </head>

        <body>

        <script type="text/javascript">

          function checksSubmit(){

            var a = checkId('#bookId');

          var b = checkEmpty('#bookName');

          var c= checkPrice('#bookPrice');

          var d = checkEmpty('#remarks');

          var e = checkPreview('#bookPic');

          alert("a="+a);

          if(a&&b&&c&&d&&e){

          alert(1111);

          return true

          }

          alert("提交不成功");

          return false;  

          }

        </script >

            <nav class="navbar navbar-default">

                <div class="container">

                    <div class="navbar-header">

                        <a class="navbar-brand" href="/dept/list.do">

                            图书信息管理

                        </a>

                    </div>

                </div>

            </nav>

            <div class="container">

                <div class="jumbotron">

                    <h1>Hello, XXX!</h1>

                    <p>请小心地新增图书信息,要是建了一个错误的就不好了。。。</p>

                </div>

                <div class="page-header">

                    <h3><small>新建</small></h3>

                </div>

                <form  class="form-horizontal" action="/controller?method=updateBook" method="post" enctype="multipart/form-data"

                    onsubmit = "return checksSubmit()">


                    <div class="form-group">

                        <label for="name" class="col-sm-2 control-label">图书编号 :</label>

                        <div class="col-sm-8">

                            <input name="bookId" class="form-control" id="bookId">

                        </div>

                    </div>

                    <div class="form-group">

                        <label for="name" class="col-sm-2 control-label">图书名称 :</label>

                        <div class="col-sm-8">

                            <input name="bookName" class="form-control" id="bookName">

                        </div>

                    </div>

                    <div class="form-group">

                        <label for="categoryId" class="col-sm-2 control-label">分类 :</label>

                        <select id="categoryId" name="categoryId" class="col-sm-2 form-control" style="width: auto;margin-left: 15px">

                           <option value="ca0001" selected="">计算机</option>

                           <option value="ca0002">文学</option>

                           <option value="ca0003">历史</option>

                           <!-- 下拉列表的内容要从分类中进行读取,value值是分类id -->

                        </select>

                    </div>


                     <div class="form-group">

                        <label for="name" class="col-sm-2 control-label">价格 :</label>

                        <div class="col-sm-8">

                            <input name="bookPrice" class="form-control" id="bookPrice">

                        </div>

                      </div>

                       

                      <div class="form-group" >

                        <label for="name" class="col-sm-2 control-label">图书封面 :</label>

                        <input type="file" id="bookPic" name="bookPic" style="padding-left: 15px">

                      </div>


                      <div class="form-group">

                        <label for="name" class="col-sm-2 control-label">备注 :</label>

                        <div class="col-sm-8">

                            <input name="remarks" class="form-control" id="remarks">

                        </div>

                      </div>


                    <div class="form-group">

                        <div class="col-sm-offset-2 col-sm-10">

                            <button type="submit" class="btn btn-primary">保存</button>&nbsp;&nbsp;&nbsp;

                        </div>

                    </div>

                </form>

            </div>

            <footer class="text-center" >

                copy@imooc

            </footer>

        </body>

    </html>




    function checkEmpty(input){

       var value = $(input).val();

       if($.trim(value) == ""){

       $(input).value("请输入内容");

       return false;

       }

       return true;  

    }


    function checkPrice(input){

     var reg = /^[1-9][0-9]{1,4}$/;

     var val = $(input).val();

      if(checkEmpty(input)){

     if(reg.test(val)){

       return true;

     }

     }

     alert("价格只能是数字组成,或者你输入的价格太高了");

     return false;

    }




    function checkPreview(input){

      var val = $(input).val().toLowerCase();

      var last = val.substring(val.length-3);

      if(checkEmpty(input)){

        if(last=="png" || last=="jpg" || last=="gif"){

        return true;

        }

      }

       alert("上传的文件格式不对,应该为jpg,png,gif类型");

      return false;

    }


    function changePreview(input){

      var val = $(input).val().toLowerCase();

      var last = val.substring(val.length-3);

        if(last=="png" || last=="jpg" || last=="gif" || val==null){

        return true;

        }

       alert("上传的文件格式不对,应该为jpg,png,gif类型");

      return false;

    }


    function checkId(input){

    var reg = /^[a-z][a-z][0-9]*4$/;

    var val = $(input).val();

    if(checkEmpty){

    if(reg.test(val)){

      return true;

    }

    }

     alert("id格式为前两个为小写字母,后面四位数字");

    return false;

    }


    2021-03-24 18:18:11
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师