解决idea开发遇到javascript动态添加html元素时中文乱码的问题

 更新时间:2020年09月29日 10:32:07   作者:voidplus  
这篇文章主要介绍了解决idea开发遇到javascript动态添加html元素时中文乱码的问题,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

起因

一个几个月前做的小网站,这两天翻出来再看看,发现JavaScript文件中动态添加html元素中的中文乱码了,但是从后台获取的动态中文资源没问题,只有js文件中的静态中文资源,加载到网页中显示乱码

在这里插入图片描述

不要在意日期中年份部分的错误

过程

在网上看了很多博客,总结到最后就是要把tomcat、jsp、js、servlet的编码格式统一即可,但是我确定我早就将编码统一为utf-8

包括JavaScript文件的编码格式也多次重写为其他编码格式然后再次重写为utf-8,依然不行

结果

多次尝试无果,我就抱着多试一次也没啥的态度,把JavaScript文件的编码格式改为了GBK,然后运行项目
居然成了。。。。
emmmm,目前不知道原理如何,但达到了最初的目的,如果以后搞懂了其中缘由,到那时再编辑这篇博客

在这里插入图片描述

请再次忽略日期格式的错误

PS:图中邮箱是我瞎编的,如果真的有gmail用户在使用,纯属巧合!

到此这篇关于解决idea开发遇到javascript动态添加html元素时中文乱码的问题的文章就介绍到这了,更多相关idea开发js中文乱码内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Bootstrap显示与隐藏简单实现代码

    Bootstrap显示与隐藏简单实现代码

    这篇文章主要为大家详细介绍了bootstrap显示与隐藏的简单实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-03-03
  • SWFObject基本用法实例分析

    SWFObject基本用法实例分析

    这篇文章主要介绍了SWFObject基本用法,实例分析了SWFObject操作Flash文件的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-07-07
  • js实现不提交表单获取单选按钮值的方法

    js实现不提交表单获取单选按钮值的方法

    这篇文章主要介绍了js实现不提交表单获取单选按钮值的方法,涉及javascript鼠标事件及页面元素属性操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • JavaScript中的作用域链和闭包

    JavaScript中的作用域链和闭包

    JavaScript中出现了一个以前没学过的概念——闭包。何为闭包?从表面理解即封闭的包,与作用域有关。所以,说闭包以前先说说作用域
    2012-06-06
  • php输出全部gb2312编码内的汉字方法

    php输出全部gb2312编码内的汉字方法

    下面小编就为大家带来一篇php输出全部gb2312编码内的汉字方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-03-03
  • 详解微信小程序支付流程与梳理

    详解微信小程序支付流程与梳理

    这篇文章主要介绍了详解微信小程序支付流程与梳理,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-07-07
  • 关于js datetime的那点事

    关于js datetime的那点事

    关于js datetime的一些使用经验分享,想要了解datetime日期操作的朋友可以参考下。
    2011-11-11
  • webpack DefinePlugin源码入口解析

    webpack DefinePlugin源码入口解析

    这篇文章主要为大家介绍了webpack DefinePlugin源码入口解析,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2022-11-11
  • js实现黑色简易的滑动门网页tab选项卡效果

    js实现黑色简易的滑动门网页tab选项卡效果

    这篇文章主要介绍了js实现黑色简易的滑动门网页tab选项卡效果,可实现简单的鼠标滑过tab项切换对应菜单的功能,涉及javascript鼠标事件控制页面元素的遍历与样式改变实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • ES6正则的扩展实例详解

    ES6正则的扩展实例详解

    这篇文章主要介绍了ES6正则的扩展,结合实例形式详细分析了ES6正则操作常用的修饰符、模式、属性、方法及相关操作技巧,需要的朋友可以参考下
    2017-04-04

最新评论