原来只是觉得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. Spring中使用注解 @Scheduled 执行定时任务

    来自:http://blog.51cto.com/dwf07223/1557145 注解@Scheduled 可以作为一个触发源添加到一个方法中,例如,以下的方法将以一个固定延迟时间5秒钟调用一次执行 ...

  2. 自定义loader基础知识

    参考 :译文 编写一个loader https://webpack.github.io/docs/loaders.html 按照loader的返回值可以分为两种: 最左loader:这种loader会 ...

  3. getComputedStyle与currentStyle获取元素当前的css样式

    CSS的样式分为三类: 内嵌样式:是写在标签里面的,内嵌样式只对所在的标签有效内部样式:是写在HTML里面的,内部样式只对所在的网页有效外部样式表:如果很多网页需要用到同样的样式,将样式写在一个以.c ...

  4. 数据结构( Pyhon 语言描述 ) — —第9章：列表

    概念 列表是一个线性的集合,允许用户在任意位置插入.删除.访问和替换元素 使用列表 基于索引的操作 基本操作 数组与列表的区别 数组是一种具体的数据结构,拥有基于单个的物理内存块的一种特定的,不变的实 ...

  5. MFC CString 和int相互转化

    CString str = _T("123"); int i = _ttoi(str); =============== int i = 123; CString str ; st ...

  6. 【01】webpack的安装过程截图

    [05](moyu:最好安装在C盘.默认的安装地址.) []全局安装 01,首先要安装Node.js, Node.js 自带了软件包管理器 npm. 02,Webpack 需要 Node.js v0. ...

  7. websphere8.5 与cxf2.x冲突问题

    一个客户was部署的小问题,记录一下. 问题现象 在我们的服务中用调用别人的webservice服务报错,框架用的cxf. 报错关键信息有: E com.ibm.ws.webcontainer.web ...

  8. numpy hstack()

    numpy.hstack(tup)[source] Stack arrays in sequence horizontally (column wise). Take a sequence of ar ...

  9. 菜鸡的2017CPPC网络赛

    Friend-Graph Time Limit: 10000/5000 MS (Java/Others)    Memory Limit: 32768/32768 K (Java/Others)Tot ...

  10. ffmpeg的函数av_samples_get_buffer_size分析，对齐的意思

    /* * 此函数只应用于音频. * 计算出:要把一系列的样本保存起来,需要多大的缓存. * sample,单个通道的单次采样所得到的样本数据. * planar,和yuv存储格式一样,声音也分平面(p ...