原来只是觉得IE解析HTML文件的时候，需要知道其传输编码，才能正确处理，而从来没有在意过JavaScript文件的编码问题。结果今天发现同一页面中的多个JavaScript文件如果保存编码不同，也会有出错的问题。这个一般怎么会遇到呢？
    原来写的js文件，从来没有关心过他们的编码问题。可是后来不知怎么的，发现一些单独都好使得文件，被同时引用到一个页面中时，就错误不断，根本不能执行。Debug半天，原来是文件编码问题搞得鬼。
    一般我们在中文OS中保存文本文件，默认都是一GB2312编码保存的，比如VS.NET 2003,2005都是这样。可是当我们在脚本代码中写有"?"这些符号后，保存文件会提示让你保存为Unicode格式。如果你不加理会，仍然保存为GB2312，那么下次打开这个文件你会发现"?"变成"?"@_@。这样的字符还有一些，比如在Windows中的高位ASCII字符，它们的Unicode定义就是一些比较怪异的字符，如果用GB2312强行存这些字符，打开后会被两两合并为汉字或成为乱码。
    回到我们脚本文件编码的问题上来，如果我们在同一个页面中引用多个JavaScript文件，而这些文件的保存编码又不同(有GB2312有又Unicode)，就可能出错。当然不是总都出，这也是最要命的。由于对于7bit ASCII码，不管什么编码都是通用的，也不会有解码问题，可是如果文件里包含了汉字，就有可能出错了。
    比如，GB2312保存的js文件： var str = '这是一个GB2312编码文件。';
var description = 'this file saved as GB2312 encoding.';    可以在选择编码为GB2312的IE中正确的被引用。
    Unicode编码保存的js文件： var strW = '这是一个Unicode编码文件。';
var descriptionW = 'this file saved as Unicode encoding.';    可以在选择编码为Unicode的IE中正确的被引用。
    而这两个文件在下列引用中，不管怎么选择IE编码也是不能正确执行结果:( <html>
<head>
    <title>Test Encode</title>
    <script src="Unicode.js" language="javascript"></script>
    <script src="GB2312.js"  language="javascript"></script>
</head>
<body>
<script language="javascript">
    alert(strW + '\r\n' + descriptionW);
    alert(str + '\r\n' + description);
</script>
</body>
</html>
    不过如果js中只有低位ASCII字符，不同编码的文件引用到一个页面不会有问题。
    测试文件下载
posted on 2005-03-23 12:36 birdshome 阅读(2310) 评论(11)  编辑 收藏 引用 收藏至365Key 所属分类: Jscript&Dhtml开发
 
评论
# re: 同一页面引入多个JS文件的编码问题  回复    
还要和aspx的页面编码相同，现在aspx页面一般都采用utf8编码，所以js引入时经常会出错。实际只要保证编码一样就可以了。将所有的文件都存成utf-8的，基本就不会有问题了。 
看来你现在专门研究js了。 
2005-03-23 14:23 | ocean 
# re: 同一页面引入多个JS文件的编码问题  回复    
我现在一般都是把js文件改成.aspx后缀来调用了，这样就不会再出现编码的问题，之前被这个问题折腾了好长一段时间，现在终于算是好了。 
2005-03-23 15:45 | bobo 
# re: 同一页面引入多个JS文件的编码问题  回复    
web.config 
<globalization 
requestEncoding="utf-8" 
responseEncoding="utf-8" 
/> 
gb2312 
gb2312 
2005-03-23 15:50 | Microshaoft 
# re: 同一页面引入多个JS文件的编码问题  回复    
类似的问题我也遇到过，里面有中文注释就出错！
于是乎我把注释都删除了！～ 
2005-03-23 16:18 | Boler 
# re: 同一页面引入多个JS文件的编码问题  回复    
这个问题我前不久实施项目的时候碰到过。还好知道怎么解决（一阵捣鼓，到处设编码。。。）。
现在有个习惯是基本上独立的 js 文件里不写中文。 
2005-03-23 18:52 | 木野狐 
# re: 同一页面引入多个JS文件的编码问题  回复    
你可以把所有的单独的js文件都用记事本打开,然后选择另存为,编码使用utf-8保存就能和aspx一起正常使用了 
2005-03-24 09:26 | srz 
# re: 同一页面引入多个JS文件的编码问题  回复    
把@写成 asc 码 @#169。
gb2312的处理还好办，utf-8的处理很麻烦的。
2005-03-24 14:11 | GirlSpicy 
# re: 同一页面引入多个JS文件的编码问题  回复    
如果你使用服务器端的程序也好办，可以使用宽字节转换。 
2005-03-24 14:16 | GirlSpicy 
# re: 同一页面引入多个JS文件的编码问题  回复    
hammer!~~这个问题上次我们一起做项目的时候不就已经知道了吗？怎么这么不长记性~~~~~ 
2005-04-08 12:53 | workingbird 
# re: 同一页面引入多个JS文件的编码问题  回复    
我在日文下也碰到此问题，但是我把2个javascript文件都改成utf8还是错， 
上传到2个服务器上，一个正常，另一个出错，为什么呢？ 
2005-06-28 12:19 | mad8 
# re: 同一页面引入多个JS文件的编码问题  回复    
这问题我也曾经遭遇过，我的apsx页面都是utf-8的，因为特定时间段访问量巨大，服务器配置烂又要求即时，所以能省就省啊，凡事需要JS里要用到高位字符全部抽到一起，然后将所有仅含ASCII字符的文件保存为ASCII编码格式，带高位字符的保存为utf-8，另外还开启压缩放到缓存里去，总觉得有点BT，好抠门的说。

同一页面引入多个JS文件的编码问题的更多相关文章

  1. Thymeleaf模版--子页面单独引入CSS、JS文件

    https://blog.csdn.net/u010392801/article/details/80465800 ****************************************** ...

  2. 当页面有多个js文件时，应如何引入？

    1. 我们知道如果一个页面有多个js文件,并且这些js文件有的还有依赖关系的时候,我们就要特别注意他们之间的引入顺序,否则就会报错. 如:一个js文件依赖jquery,我们就要先引入jquery,然后 ...

  3. jsp页面引入不了js路径没错

    最近搞开发,发现有个jsp页面引入不了js:很是神奇,路径什么的都没问题,同事的浏览器可以加载该js,发现放到其他的文件夹下可以加载该js:当时没研究出来,任务紧就没研究了. 最近闲下来了,有去研究, ...

  4. 360浏览器兼容模式下jsp页面访问不到js文件

    360浏览器兼容模式下jsp页面访问不到js文件 查看自己js中的语法问题,不要用ES6的语法,编译不了故找不到js文件 const var of 码出高效 java 比较 所有整型包装类对象之间值的 ...

  5. 使用时间戳引入css、js文件

    前言 最近在一家创业公司实习,主要负责新版官网和商家平台管理系统的前端开发和维护,每次测试都要上传文件到ftp服务器端测试,初期由于更新修改比较频繁,每次都是直接上传覆盖css.js.php文件,链接 ...

  6. [工具配置]requirejs 多页面，多入口js文件打包总结

    需要明确以下几点: 1.本地前端调试代码肯定是调用原始的路径以及代码,但是线上运行的肯定是通过打包后的另一个路径,这儿就是生成的dist文件夹了. 2.requirejs的引入,线上跟线下的路径怎么控 ...

  7. 由js文件中引入另外的js文件想到的

    1. html中,使用<script src="../static/js/xxx.js"></script>引入js文件.   2. 在js文件中,引入js ...

  8. 解决加载WEB页面时，由于JS文件引用过多影响页面打开速度的问题

    1.一般做法 一般我们会把所有的<script>元素都应该放在页面的<head>标签里,但由于是顺序加载,因此只有当所有JavaScript代码都被依次下载.解析和执行完之后, ...

  9. 在HTML页面中加载js文件和css文件的方法

    1.在HTML页面加载js文件的方法: function loadScriptFile(filePath){ var script = document.createElement("scr ...

随机推荐

  1. （16）zabbix history trends历史与趋势数据详解

    1. 保留历史数据 我们可以通过如下方式来设置保留数据的时长:监控项(item)配置里匹配更新监控项(item)设置Housekeeper tasksHousekeeper会定期删除过期的数据.如果数 ...

  2. PHP发送邮件标题乱码的解决

    遇到问题:PHPMailer发送邮件时中文乱码,本来我的系统都是英文内容的,后来需求变化需要在标题中添加中文,但是在使用安卓自带邮件工具收取是出现乱码,而使用QQ邮箱查看确实正常的. 解决方法: 先用 ...

  3. python爬虫入门六：Selenium库

    在我们爬取网页过程中,经常发现我们想要获得的数据并不能简单的通过解析HTML代码获取,这些数据是通过AJAX异步加载方式或经过JS渲染后才呈现在页面上显示出来. selenuim是一种自动化测试工具, ...

  4. Ubuntu 16.04如何使用无线网卡上网

    我使用的无线网卡卡托型号是华为E8372h,网卡是普通电信卡(既可以打电话也可以上网). 按照“芯片朝上.缺口朝外.用最大卡”的方法将网卡装入卡托后,紧接着便将卡托插入笔记本对应的USB接口中. 在这 ...

  5. Python中正则表达式讲解

    正则表达式是匹配字符串的强大武器,它的核心思想是给字符串定义规则,凡是符合规则的字符串就是匹配了,否则就是不合法的.在介绍Python的用法之前,我们先讲解一下正则表达式的规则,然后再介绍在Pytho ...

  6. 深入浅出Oracle:DBA入门、进阶与诊断案例（读书笔记1）

    一.数据库的启动和关闭 Oracle Server共有2部分组成:Instance和Database. Instance是指一组后台进程/线程和一块共享内存区域,而Database是指存储在磁盘上的一 ...

  7. Objective-c 实例变量的访问级别

    在C#和JAVA中无论是method还是variable都有严格的访问级别控制,那么在object-c中对访问级别的使用非常稀少,原因可能是因为在method上没有访问级别的语法,单单控制变量没有什么 ...

  8. Dell Idrac Normal Settings

    racadm安装请查看:http://www.cnblogs.com/zyd112/p/7611022.html racadm语法(远程执行命令):racadm -r <racIpAddr> ...

  9. 九度oj 题目1114：神奇的口袋

    题目描述: 有一个神奇的口袋,总的容积是40,用这个口袋可以变出一些物品,这些物品的总体积必须是40.John现在有n个想要得到的物品,每个物品的体积分别是a1,a2……an.John可以从这些物品中 ...

  10. POJ 1745 Divisibility

    Divisibility Time Limit: 1000MS   Memory Limit: 10000K Total Submissions: 9476   Accepted: 3300 Desc ...