文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

好程序员web前端教程分享js文件引用编码方式

2023-06-03 13:43

关注

好程序员web前端教程分享js文件引用编码方式,js外部文件编码由这些因素决定:1.如果Apache有DefaultCharset,则js文件解析用服务器指定的编码;2.如果PHP header声明charset为编码utf-8,则文件编码用utf-8来解析。3.如果以上两个都为空,页面编码由meta标签决定。4.如果以上声明都没有,则会使用utf-8来解析。5.如果页面编码为gbk,而js文件编码为utf-8,则可以在js属性中定义charset='utf-8'。

 

昨天帮同事解决的一个问题,GBK的页面(不要问我为什么GBK,因为GBK,所以GBK),引用了Google map的API, 但是由于GoogleMap API返回的js脚本是utf-8的,所以导致在IE下, 浏览器无法正确解析.

 

也就是, 由于服务器中生成的HTML是基于gbk编码的, 并且由于Apache的DefaultCharset(后叙), 所以导致IE会以gbk编码去解析从外部引入的GoogleMap js,那肯定是不能正确解释的.

 

浏览器判断一个页面的编码有俩个途径, 一种是通过HTTP响应头,

 

HTTP/1.x 200 OK

Date: Sat, 18 Oct 2008 21:53:51 GMT

Server: Apache/2.0.52 (Red Hat)

X-Powered-By: PHP/5.3.0alpha2

Connection: close

Transfer-Encoding: chunked

Content-Type: text/html; charset=GB2312

注意最后一行, 这个是由HTTP头部指明的页面编码格式.

 

另外一种就是我们常见的, 也会另很多初学者困惑的meta:

 

问题就在于,没有一个统一的标准,来指明这俩中方式的优先级, 不同的浏览器有着不同的优先级策略.这也就是为什么,我们在FF下正常浏览的页面,在IE下会乱码的原因.

 

我之前的文章Apache的Charset设置中已经介绍过了在Apache下设置DefaultCharset以后产生的影响,

 

这个问题已经遇到过俩次了,就是页面中明确指明了编码是UTF8,但是显示是乱码。

 

虽然知道解决方法,也知道是Apache的原因,但是一直没有去找其所以然,今天趁机,就研究了一下。

 

页面没有指定charset , Apache配置defaultcharst gbk , 页面文件编码是utf-8

 

结果: 乱码,使用wireshark抓包,发现服务器返回的header中指明了:

 

Content-Type:text/html;charset=GBK

结论:当页面没有指明charset的时候,Apache的defaultcharset起作用

 

页面指定charset为utf-8, Apache配置defaultcharset gbk. 页面文件是utf-8

 

<head>

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

</head>

<body>

        <div id="page-header">

         测试Apache DefaultCharset

        </div>

</body>

</html>

结果还是出现乱码。

 

结论:当Apache配置了DefaultCharset, 将忽略页面的charset申明。

 

3 PHP header申明charset为utf8, Apache配置defaultcharst gbk,页面文件编码是utf8

 

header("Content-Type:text/html; charset=utf-8");

结果 : 页面显示正常。

 

4 Apache设置DefaultCharset off

 

结果,页面显示正常。

 

翻阅了下Apache2的手册:

 

AddDefaultCharset指令

说明当应答内容是text/plain或text/html时,在HTTP应答头中加入的默认字符集

语法AddDefaultCharsetOn|Off|charset

默认值AddDefaultCharsetOff

作用域serverconfig,virtualhost,directory,.htaccess

覆盖项FileInfo

状态核心(C)

模块core

 

当且仅当应答内容是text/plain或text/html时,此指令将会在HTTP应答头中加入的

默认字符集。理论上这将覆盖在文档体中通过<meta>标 签指定的字符集,但是实际

的行为通常取决于用户浏览器的设置。AddDefaultCharsetOff将会禁用此功能。

 

AddDefaultCharsetOn将启用Apache内部的默认字符集iso-8859-1。您

也可以指定使用在IANA注册过的字符集名字 中的另外一个charset。

比如说:

AddDefaultCharsetutf-8

也就是说,当Apache不指定defaultcharset的时候,页面编码由页面自己的meta标签指定。

 

当Apache指定的时候,将忽略页面中的meta标签指定的编码. 但是容许脚本直接header编码方式给客户端

 

最后,还有一个问题没有得出结果:

 

当Apache和页面都没有指定的时候, 又如何?

 

我在自己的机器上,如果都不指定, 默认还是utf8

 

在服务器端生成response内容以后, 如果脚本没有显示的调用header发送编码申明,那么Apache就会根据DefaultCharset生成响应HTTP头部的Content-type中的charset字段;

 

反之如果脚本显示申明了,那么就会按照脚本header申明中的charset设置.

 

这样到了浏览器端以后, 浏览器就可以根据HTTP头的charset申明来按照特定的编码格式解析获取到的HTML代码,但现在的问题是, 页面是GBK的,但是引用的外部js文件是utf8编码的,这样的情况, 我们可以使用一个script的属性来解决:

 

  <script language='javascript' src='....'  charset='utf-8'></script>

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯