您的位置: 翼速应用 > 业内知识 > web前端 > 正文

在javascript中遇到中文乱码的解决方法

在javascript中遇到中文乱码的常见解决方法有三种,如下所示:


1、利用txt文本的“另存为”设置编码为“utf-8”格式;

2、在js的加载代码中添加编码“charset="utf-8"”;

3、对全路径进行过滤时,通过“if (URI.contains(".css") || URI.contains(".js") || URI.contains(".png")) {...}”代码对文件实现判断即可。


在javascript中遇到中文乱码的解决方法


在javascript中遇到中文乱码的解决方法


JS的中文乱码问题根本原因就是编码问题,所以解决了编码问题js基本上可以正常显示。三个解决方法教程如下:


1、利用txt文本另存为设置编码。


2、在js的加载代码中添加编码


charset="utf-8"


3、特殊情况,过滤器,一般过滤器很少过滤.js ,.png,.css,对全路径进行过滤时要对文件判断:


public void doFilter(ServletRequest req, ServletResponse resp, FilterChain chain) throws IOException, ServletException {
       // 请求和响应强转为子类类型
       HttpServletRequest request = (HttpServletRequest) req;
       HttpServletResponse response = (HttpServletResponse) resp;
 
       String URI = request.getRequestURI() ;
       //对css js png 文件进行判断,true则直接放行。
       if (URI.contains(".css") || URI.contains(".js") || URI.contains(".png")) {
           chain.doFilter(request, response);
           return ;
       }
       request.setCharacterEncoding("UTF-8");
       response.setCharacterEncoding("UTF-8");
       response.setContentType("text/html");
       chain.doFilter(request, response);
   }


注册过滤器:


<filter>
    <filter-name>CharacterEncodingFilter</filter-name>
    <filter-class>com.huang.filter.CharacterEncodingFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>CharacterEncodingFilter</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>


在javascript中遇到中文乱码的解决方法分享到这里就结束了,翼速应用平台内有更多相关资讯,欢迎查阅!


我来说两句

0 条评论

推荐阅读

  • 响应式布局CSS媒体查询设备像素比介绍

    构建响应式网站布局最常见的是流体网格,灵活调整大小的站点布局技术,确保用户在使用的幕上获得完整的体验。响应式设计如何展示富媒体图像,可以通过以下几种方法。

    admin
  • 提升网站的性能快速加载的实用技巧

    网站速度很重要,快速加载的网站会带来更好的用户体验、更高的转化率、更多的参与度,而且在搜索引擎排名中也扮演重要角色,做SEO,网站硬件是起跑线,如果输在了起跑线,又怎么跟同行竞争。有许多方法可提升网站的性能,有一些技巧可以避免踩坑。

    admin
  • 织梦CMS TAG页找不到标签和实现彩色标签解决方法

    织梦cms是我们常见的网站程序系统的一款,在TAG标签中常常遇到的问题也很多。当我们点击 tags.php 页的某个标签的时候,有时会提示:“系统无此标签,可 能已经移除!” 但是我们检查程序后台,以及前台显示页面。这个标签确实存在,如果解决这个问题那?

    admin
  • HTML关于fieldset标签主要的作用

    在前端开发html页面中常用的标签很多,今天为大家带来的是关于HTML中fieldset标签主要的作用说明,根据技术分析HTML

    admin

精选专题