引用外部js乱码可能另有原因

声明:本篇文章青半部分于网上复制的,如有侵犯,请立马与我联系,谢谢!

在web开发中我们一般都会不可避免的使用js。我们可以将js代码直接放在页面中即通过内部使用js。但是为了给页面良好的"瘦身"我们一般都会将js 代码放在外部,然后通过src引用。这个时候我们就需要注意一个问题:编码问题。如果web页面也js采用不同编码,这个时候就会出现乱码。(内部使用 js不需要注意编码问题,因为他们采用的是同一种编码)

对于大多数的web页面,我们一般都是使用如下两种编码:UTF-8、GB2312。所以我们只需要同意页面和js编码就可以解决乱码问题:
对于GBK页面引用编码为UTF-8编码的JavaScript文件如果出现乱码问题,可以使用下面的代码来解决

 代码如下:

<script type=”text/javascript” src=”test.js” charset=”utf-8″></script>

同样在UTF-8页面中引入编码为GBK的JavaScript文件乱码问题了,可以使用如下方式:

代码如下:

<script type=”text/javascript” src=”test.js” charset=”gb2312″></script>

此方法是对于在js文件中出现汉字中文,以及其他容易造成在GBK与UTF-8编码错误字符的时候使用,对于纯英文的就不需要了。如果为了保险,加上也可以....

----------------------------------------------------------------------------------------------------

但是,我今天遇到的问题与上面讲的这个并不一样,检查了好长时间也没有头绪,于是我想到了是不是自己在建 JS 文件的时候错了;

前提说明一下:我用的是 Notepad++ 编辑器,我先将网页写好然后直接在里面写的 js 代码,等完成之后就将js代码直接拷出来放在新建的 txt 文件里再引用,然后直接将后缀名改为引用的 js 文件,结果在测试的时候就出错了,所以一直没有找到什么原因;

于是我就将刚才建的 js 文件内容拷出来用Notepad++直接新建一个文件,然后将代码复制进去,保存为 JS 格式的文件,然后测试一下就可以了。

所以之前通过将 txt 格式的文件直接改为 js 格式的文件在引用时会出错!以后自己要注意一下了。

最后归纳一下:还是两个文件的编码格式不对!

时间: 2024-10-10 05:19:34

引用外部js乱码可能另有原因的相关文章

ASP.NET中母版页引用外部js或css文件无效,提示对象未定义解决方法

最近做网站用了一个js+css实现的带有二级菜单的导航条,在母版页创建好后,子页面调用出现了许多奇怪的问题,多方查证后的最终解决方案和大家分享下.... 1.路径问题 如果是一个单独的aspx页面调用此文件路径会是 1 <link type="text/css" rel="stylesheet" href="navigator/css/shou.css" /> 2 <script type="text/javascri

微信小程序引用外部js,引用外部样式,引用公共页面模板

https://blog.csdn.net/smartsmile2012/article/details/83414642 ================小程序引用外部js====================== //封装的函数function GetUserInfo2018() { console.log("获取用户信息8888")} function count(str) { console.log(str)} //转化成小程序模板语言 这一步非常重要 不然无法正确调用mod

初次使用引用外部js心得

在外部引用自己编辑的js时建立链接写在头部中是会出错的,如下图 错误如下: 这是一个是我初学时遇到的一个算是低级错误吧,看到这个错误,我以为的是我引用的js中编辑的代码是不是哪里写错了,但是看了好多遍代码没有问题,我就看看是不是我链接的问题,一试果然出现在链接的位置上,我应该把它放到body里的.

vue引用外部JS的两种种方案

前言 肯定会遇到没有npm化的库 自己写的js 方法 在Vue中该怎么引用呢 第一种 如果库是es6写的 就可以用import 引入 比如我自己写的http 封装接口的方法 就可以这样子导入哦 第二种是jquery的库 可以在静态资源导入(或者是cdn资源加载) 我是vue-cli 3.0 基础之上架构的 把squire这个富文本框放进public文件下面 在index.html中这样子引用 Fannie式总结 自己封装方法 就采用es6方法 这样方便 第三方原生js 或者是jq的插件 直接cd

引用外部.css或.js文件的路径问题

转载自:http://www.blogjava.net/Johnny-Ajun/archive/2011/06/16/352440.html jsp或html页面引用外部.css或.js文件时,注意路劲问题,如果设置不当,会引用不到这些外部的文件假设使用下面的目录结构: -webapp |-MyProject  目录  |--WebContent 目录  |---scripts 目录   ---dtree.js 文件  |---styles 目录   ---main.css 文件   |---p

测试的某个产品登陆之后有个引用外部站点js的请求半天都无法返回

问题: 测试的某个产品登陆之后有个引用外部站点js的请求半天都无法返回: https://cdn.heapanalytics.com/js/heap-3497400264.js 导致网页一直在打转,Selenium的driver也无法对页面进行下一步的操作. 这个js当时在美国的机器上可以马上返回,国内的就不行,可能是被国内屏蔽了,那怎么让此网站可以绕过这个js正常的打开呢? 解决办法: 1.保存这个js的返回结果到本地: 2.在中国找一台服务器建IIS站点 3.在跑Selenium Case的

html加载js乱码解决办法

第一种方式——编码统一 我们以前觉得出现乱码的原因是因为编码不统一,就是因为我们设置编码统一之后,就解决了问题,所以,让html和js的编码统一,是最简单的一个乱码解决方式,原因是什么,是因为,如果你在加载js的时候,并没有声明js的编码格式,那么浏览器会默认的按照当前html的编码格式进行解析引入的js文件,如果你的js和本身页面编码不一样,并且js中引入了中文字符,那么肯定会出现乱码的.要知道,程序都是笨笨的. 第二种方式——在引入js的标签中加入charset属性 这样引入,那么这个xx.

javascript中外部js文件取得自身完整路径得办法

原文:javascript中外部js文件取得自身完整路径得办法 有时候我们需要引入一个外部js文件,这个js文件又需要用到自己的路径或者是所在的目录,别问怎么又这么变态的需求,开发做久了各种奇葩需求也就有了! 有人第一时间想到的是location.href,可是哥哥,那个引用页面的路径啊.比如a.html: <html> <script src="/b/c.js"></script> </html> 这样的话我们用location.hre

外部JS的阻塞下载

转载于:http://www.cnblogs.com/mofish/archive/2011/09/29/2195256.html 所有浏览器在下载JS的时候,会阻止一切其他活动,比如其他资源的下载,内容的呈现等等.至到JS下载.解析.执行完毕后才开始继续并行下载其他资源并呈现内容. 有人会问:为什么JS不能像CSS.image一样并行下载了?这里需要简单介绍一下浏览器构造页面的原理, 当浏览器从服务器接收到了HTML文档,并把HTML在内存中转换成DOM树,在转换的过程中如果发现某个节点(no