web项目js引入中文乱码

引入的js在页面写中文乱码,引入时已设置charset为utf-8,页面编码也是utf-8,如果直接在页面写js就不会乱码。项目在myeclipse上运行不会出现,在eclipse运行就乱码了,介,js文件已经用记事本保存为utf-8格式但是没用,请问是设么原因?

1个回答

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
我在用idea部署maven项目时页面出现乱码

我在用idea部署maven项目时页面出现乱码 ,控制台不出现乱码,但是上网查询了以后发现都是控制台出现乱码,请问有大神知道我这个原因吗?

echarts引入地图乱码问题

代码段: ``` <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/> <script src="js/echarts.min.js" type="text/javascript" charset="utf-8"></script> <script src="js/china.js" type="text/javascript" charset="utf-8"></script> <script src="js/jquery-3.2.1.min.js" type="text/javascript" charset="utf-8"></script> <style> *{margin:0;padding:0} html,body{ width:100%; height:100%; } #main{ width:600px; height:450px; margin: 150px auto; border:1px solid #ddd; } /*默认长宽比0.75*/ </style> <body> <div id="main"> </div> <script type="text/javascript"> var dataList=[ {name:"1",value:0}, {name: '北京', value: randomValue()}, {name: '天津', value: randomValue()}, {name: '上海', value: randomValue()}, {name: '重庆', value: randomValue()}, {name: '河北', value: randomValue()}, {name: '河南', value: randomValue()}, {name: '云南', value: randomValue()}, {name: '辽宁', value: randomValue()}, {name: '黑龙江', value: randomValue()}, {name: '湖南', value: randomValue()}, {name: '安徽', value: randomValue()}, {name: '山东', value: randomValue()}, {name: '新疆', value: randomValue()}, {name: '江苏', value: randomValue()}, {name: '浙江', value: randomValue()}, {name: '江西', value: randomValue()}, {name: '湖北', value: randomValue()}, {name: '广西', value: randomValue()}, {name: '甘肃', value: randomValue()}, {name: '山西', value: randomValue()}, {name: '内蒙古', value: randomValue()}, {name: '陕西', value: randomValue()}, {name: '吉林', value: randomValue()}, {name: '福建', value: randomValue()}, {name: '贵州', value: randomValue()}, {name: '广东', value: randomValue()}, {name: '青海', value: randomValue()}, {name: '西藏', value: randomValue()}, {name: '四川', value: randomValue()}, {name: '宁夏', value: randomValue()}, {name: '海南', value: randomValue()}, {name: '台湾', value: randomValue()}, {name: '香港', value: randomValue()}, {name: '澳门', value: randomValue()} ] var myChart = echarts.init(document.getElementById('main')); function randomValue() { return Math.round(Math.random()*1000); } option = { /*tooltip: { formatter:function(params,ticket, callback){ return params.seriesName+'<br />'+params.name+':'+params.value }//数据格式化 },*/ visualMap: { min: 0, max: 1500, left: 'left', top: 'bottom', text: ['高','低'],//取值范围的文字 inRange: { color: ['#e0ffff', '#006edd']//取值范围的颜色 }, show:true//图注 }, geo: { map: 'china', roam: false,//不开启缩放和平移 zoom:1.23,//视角缩放比例 label: { normal: { show: true, fontSize:'10', color: 'rgba(0,0,0,0.7)' } }, itemStyle: { normal:{ borderColor: 'rgba(0, 0, 0, 0.2)' }, emphasis:{ areaColor: '#F3B329',//鼠标选择区域颜色 shadowOffsetX: 0, shadowOffsetY: 0, shadowBlur: 20, borderWidth: 0, shadowColor: 'rgba(0, 0, 0, 0.5)' } } }, series : [ { name: '信息量', type: 'map', geoIndex: 0, data:dataList } ] }; myChart.setOption(option); myChart.on('click', function (params) { alert(params.name); }); /* setTimeout(function () { myChart.setOption({ series : [ { name: '信息量', type: 'map', geoIndex: 0, data:dataList } ] }); },1000)*/ </script> </body> ``` ![图片说明](https://img-ask.csdn.net/upload/202005/11/1589199987_710778.png) 网上说的设置utf-8格式我都试过一遍,可是为什么还是乱码,求解!

外部css文件导入eclispe后,中文乱码,在eclispe中该css文件的编码格式显示为GBK,为什么中文乱码?

外部css文件导入eclispe后,css文件中的中文变成了乱码,在eclispe中该css文件的编码格式显示为GBK,为什么中文会变成乱码? 如下图1: 用记事本打开body.css文件,中文能正常显示! ![](https://img-blog.csdn.net/20180325174904374) 可是导入eclispe后,就变成了乱码,在eclispe中该css文件的编码格式显示为GBK,为什么中文会变成乱码? 图2: ![](https://img-blog.csdn.net/20180325175306955) 图3: ![](https://img-blog.csdn.net/20180325175323436) 图4: ![](https://img-blog.csdn.net/20180325175341320)

vue中data的数据在前台页面显示乱码(中文和数字都是乱码)

vue中data的数据在前台页面显示乱码(中文和数字都是乱码) 以下是代码: ``` Vue.component('yszd-background', { props: { data: { type: Object, default: getYszdJcxx() }, anlb: { type: Array, default: [] }, guohui:{ type:Object, default:{dj:function(){}} }, methods:{ default:function(){ console.log("0"); console.log("1"+this.title); console.log("2"+this.default.title); console.log("3"+this); } }, timecontrol:{ type:Object, default:{ time:180, operation:function(){ goSyurl(); }, openflg:false } } }, created:function(){ if(this.timecontrol!=null && this.timecontrol.openflg){ var vue_this=this; var rsTime=this.timecontrol.time; this.timecontrol.resettime=rsTime; var timeInterval=setInterval(function(){ console.log("执行倒计时时间开始!"+vue_this.timecontrol.time); if(vue_this.timecontrol.time<=0){ console.log("倒计时结束:"+vue_this.timecontrol.time); //alert("openflg:"+vue_this.timecontrol.openflg); vue_this.timecontrol.operation(); }else{ vue_this.timecontrol.time--; } }, 1000); } }, methods:{ resetTime:function(){ if(this.timecontrol!=null && this.timecontrol.openflg){ console.log("开始重置时间:"+this.timecontrol.resettime); this.timecontrol.time=this.timecontrol.resettime; } } } , template: '<div class="comm-background" @click="resetTime()"> <div class="comm-head">' + ' <el-row style="padding-top:10px;"> <el-col :span="2">' + ' <div class="comm-head-imgcss" @click="guohui.dj"></div>' + ' </el-col>' + ' <el-col style="text-align:left;" :span="17">' + ' <h1 class="title-cn">{{data.title}}</h1>' + ' </el-col>' + ' <el-col :span="3" v-if="timecontrol.openflg"><div class="comm-head-djsimg"></div></el-col>'+ ' <el-col :span="2" v-if="timecontrol.openflg"><p class="comm-head-djsdiv">{{timecontrol.time}}</p></el-col>'+ ' </el-row></div>' + ' <div class="comm-body">' + ' <slot></slot>' + ' </div>' + ' <div class="comm-tool-btndiv">' + ' <el-button v-for="item in anlb" @click="item.dj" class="comm-btn-css comm-btn-red" v-bind:class="item.cn">{{item.mc}}</el-button>' + ' </div>' + // ' <div class="comm-foot">' + ' <el-row class="comm-foot"> <el-col :span="12">' + ' <div class="comm-foot-sbxxdiv"><span>设备编码:</span>' + ' <span>{{data.tamid}}</span> </div>' + ' </el-col>' + ' <el-col :span="12">' + ' <div class="comm-foot-kfxxdiv"><span v-show="data.xskfrx" >服务电话:</span>' + ' <span v-show="data.xskfrx" >{{data.kfxx}}</span>' + ' </el-col></div> </el-row>' + // ' </div>'+ '</div>' }); /** * 获取终端界面背景信息 * @returns */ function getYszdJcxx(){ var yszdJcxx = getQueryString('yszdJcxx'); if(!yszdJcxx){ yszdJcxx = sessionStorage.getItem("yszdJcxx"); console.log(1); } if(!yszdJcxx) { return {title:"自助办税服务终端",tamid:"AISINO00001",xskfrx:false,kfxx:"95113"}; console.log(2); } return jQuery.parseJSON(yszdJcxx); console.log("3"+yszdJcxx); } ``` 页面的显示是 ![图片说明](https://img-ask.csdn.net/upload/201910/12/1570877301_621263.png) 求大佬帮忙

Eclipse中关于jsp页面引入js报404的问题

我觉得在页面上我是没有写错啥![图片说明](https://img-ask.csdn.net/upload/201606/20/1466393662_797201.png)是用maven创建的项目![](https://img-ask.csdn.net/upload/201606/20/1466393231_717929.png) 启动tomcat访问jsp页面的时候报404,看了一下图片上面,怎么变成乱码了![](https://img-ask.csdn.net/upload/201606/20/1466393324_282601.png) 我试了一下,用普通的web项目可以访问到js,但是用maven项目的话我的括号就会变成这个样子 我试了一下楼下的方法,把特![图片说明](https://img-ask.csdn.net/upload/201606/20/1466413771_801169.png)告诉我这不是真的。教教怎么给大括号转义啊。 坐等大虾搭救

JSP中引入CSS后,关于CSS中图片路径的问题

JSP中引入CSS后,关于CSS中图片路径的问题 我有一个JSP文件如下: <%@ page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" errorPage="" %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link href="css/home.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="javascript/home.js"></script> <style> .content { height:500px; /* 使用相对路径,直接访问JSP没问题,通过Servlet的forward有问题 */ /*background:url(resources/images/homeModel.gif);*/ /* 使用绝对路径后,Servlet的forward也无问题 */ background:url(<%=request.getContextPath()%>/resources/images/homeModel.gif); } </style> </head> <body> <div class="content"> </div> </body> </html> 文件中通过link引入了一个外部的CSS文件。 如果我直接访问JSP的话,这个文件中的 background:url(../resources/images/model1.jpg); 属性没问题; 但是我通过Servlet的forward转发后,环境的上下文就发生了改变,像这样使用相对路径就无法访问到图片,虽然可以改用绝对路径解决。 但是,这样做就把整个路径写死了,由于项目名称http://ip:port/project 有可能发生改变,所以不希望使用写死的绝对路径。 如果这个css样式在jsp文件中,还好说,直接通过request.getContextPath()方法就可以等到上下文。但是外部的CSS文件无法使用这种方式。 我又不可能把所有的css都写在jsp页面中,对于JSP中引入外部CSS或者JS文件的情况,如何解决文件路径的问题的? 所以,想求一个方案,如何来实现这种css文件中的路径问题? 不知道大家在遇到这种问题的时候一般都是采取的什么方案? 我的web目录结构是: http://localhost:8080/project/ /project 是项目的根目录,也就是request.getContextPath()得到的内容 下面是项目整体的目录结构: project - css home.css - js home.js - resources - images - 所有图片都存放在此 - css - js

运行JSP文件显示500,怎么解决。

1.运行JSP文件出现500服务器错误 2.这是JSP文件源代码 <body onload=show()> <% String un = request.getParameter("username"); UserDaoImpl dao = new UserDaoImpl(); String job = dao.FindWork(un); String mymessage = "mymessage.jsp?username=" + un; String repassword = "repassword.jsp?username=" + un; String spendcheck = "spendcheck.jsp?username=" + un; %> <div id="date" onmouseover="this.style.backgroundColor='#ffff66';" onmouseout="this.style.backgroundColor='#d4e3e5';"></div> <div id="slideMenu"> <ul id="menu"> <li id="li0"><a href=<%=mymessage%> target="mainFrame">个人信息</a></li> <li id="li1"><a href=<%=repassword%> target="mainFrame">修改密码</a></li> <% if (job.equals("card")) { %> <li id="li3"><a href="cardmanager.jsp" target="mainFrame">卡查询</a></li> <li id="li7"><a href="Carder.jsp" target="mainFrame">卡注册</a></li> <li id="li8"><a href="CardDel.jsp" target="mainFrame">卡注销</a></li> <% } %> <% if (job.equals("library")) { %> <li id="li4"><a href="librarymanager.jsp" target="mainFrame">‘˜图书借阅查询</a></li> <li id="li6"><a href="libraryer.jsp" target="mainFrame">‘˜图书借阅</a></li> <li id="li9"><a href="BookReturn.jsp" target="mainFrame">图书归还</a></li> <% } %> <li id="li5"><a href=<%=spendcheck%> target="mainFrame">‘˜消费查询</a></li> </ul> </div> <div id="footer"> <span><a id="back">退出登录</a></span> </div> <script type="text/javascript"> var bk=document.getElementById("back"); bk.addEventListener("click",function(){ window.top.location.href="index.jsp"; },false); </script> </body> </html> 3.以下是错误描述 HTTP Status 500 – Internal Server Error Type Exception Report Message java.lang.NullPointerException Description The server encountered an unexpected condition that prevented it from fulfilling the request. Exception org.apache.jasper.JasperException: java.lang.NullPointerException org.apache.jasper.servlet.JspServletWrapper.handleJspException(JspServletWrapper.java:598) org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:514) org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:386) org.apache.jasper.servlet.JspServlet.service(JspServlet.java:330) javax.servlet.http.HttpServlet.service(HttpServlet.java:742) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52) Root Cause java.lang.NullPointerException org.apache.jsp.left_jsp._jspService(left_jsp.java:161) org.apache.jasper.runtime.HttpJspBase.service(HttpJspBase.java:70) javax.servlet.http.HttpServlet.service(HttpServlet.java:742) org.apache.jasper.servlet.JspServletWrapper.service(JspServletWrapper.java:476) org.apache.jasper.servlet.JspServlet.serviceJspFile(JspServlet.java:386) org.apache.jasper.servlet.JspServlet.service(JspServlet.java:330) javax.servlet.http.HttpServlet.service(HttpServlet.java:742) org.apache.tomcat.websocket.server.WsFilter.doFilter(WsFilter.java:52) Note The full stack trace of the root cause is available in the server logs. Apache Tomcat/8.5.40 数据库开了但是不知道有没有连接

js中使用append在ajax从serlvet获得json数据后,将json输出以html格式输出

在div的id为TABLE中输出表格,第一个append能够正确实现, 但是第二个append不能实现我想要的效果,![图片说明](https://img-ask.csdn.net/upload/201505/04/1430742165_553564.png) 没有将值正确的放入表格中,但是我看不出代码的问题,将代码不使用循环append直接放入第一个中也是正确的。 要怎么样才能达到值都在表格里的效果。 ``` $('#table').append("<table border='1' width='100%'><tr>" +"<td align='center'>流水号</td>" +"<td align='center'>消费地</td>" +"<td align='center'>总金额</td>" +"<td align='center'>时间</td>"); for(var m=0;m<data.length;m++){ $('#table').append("<tr>"); $('#table').append("<td><a href='#' onclick='alertWin("+data[m].Cno+");'>"+data[m].Cno+"</a></td>"); $('#table').append("<td>"+data[m].Cplace+"</td>"); $('#table').append("<td>"+data[m].Csum+"</td>"); $('#table').append("<td>"+data[m].Ctime+"</td>"); $('#table').append("</tr>"); } $('#table').append("/<table>"); ```

React页面中使用fetch请求数据相关异常问题,新人求解答

最近学习React做一个简单的Demo,里面需要通过访问Web接口获取数据,看别人使用fetch挺简单的,于是就引入了,但是却遇到了问题。。。起初,直接使用fetch(url)去做,运行直接报异常:No ‘Access-Control-Allow-Origin’ header is present on the requested resource. Origin ‘http://localhost:8000’ is therefore not allowed access。goggle了一下,应该是跨域问题,有人给出解答,把请求request的mode设置为"no-cors",试了一下,跨域问题好像是解决了,在控制台里看到请求也正常返回了(含有body数据) ![图片说明](https://img-ask.csdn.net/upload/201708/10/1502341388_551416.png) ![图片说明](https://img-ask.csdn.net/upload/201708/10/1502341406_116300.png) 但是始终获取不到响应reponse里面的数据,可是数据明明就在那,而且报出的异常我很困惑: ![图片说明](https://img-ask.csdn.net/upload/201708/10/1502341445_264760.png) ![图片说明](https://img-ask.csdn.net/upload/201708/10/1502341460_726978.png) 求解答 谢谢~ PS: Demo跑在本地8000端口上

YOLOv3目标检测实战:训练自己的数据集

YOLOv3目标检测实战:训练自己的数据集

150讲轻松搞定Python网络爬虫

150讲轻松搞定Python网络爬虫

实用主义学Python(小白也容易上手的Python实用案例)

实用主义学Python(小白也容易上手的Python实用案例)

我说我不会算法,阿里把我挂了。

不说了,字节跳动也反手把我挂了。

立方体线框模型透视投影 (计算机图形学实验)

计算机图形学实验 立方体线框模型透视投影 的可执行文件,亲测可运行,若需报告可以联系我,期待和各位交流

2019 AI开发者大会

2019 AI开发者大会

组成原理课程设计(实现机器数的真值还原等功能)

实现机器数的真值还原(定点小数)、定点小数的单符号位补码加减运算、定点小数的补码乘法运算和浮点数的加减运算。

C/C++跨平台研发从基础到高阶实战系列套餐

一 专题从基础的C语言核心到c++ 和stl完成基础强化; 二 再到数据结构,设计模式完成专业计算机技能强化; 三 通过跨平台网络编程,linux编程,qt界面编程,mfc编程,windows编程,c++与lua联合编程来完成应用强化 四 最后通过基于ffmpeg的音视频播放器,直播推流,屏幕录像,

MFC一站式终极全套课程包

该套餐共包含从C小白到C++到MFC的全部课程,整套学下来绝对成为一名C++大牛!!!

软件测试2小时入门

软件测试2小时入门

三个项目玩转深度学习(附1G源码)

三个项目玩转深度学习(附1G源码)

计算机图形学-球的光照模型课程设计

计算机图形学-球的光照模型,有代码完美运行,有课程设计书

Linux常用命令大全(非常全!!!)

Linux常用命令大全(非常全!!!) 最近都在和Linux打交道,感觉还不错。我觉得Linux相比windows比较麻烦的就是很多东西都要用命令来控制,当然,这也是很多人喜欢linux的原因,比较短小但却功能强大。我将我了解到的命令列举一下,仅供大家参考: 系统信息 arch 显示机器的处理器架构 uname -m 显示机器的处理器架构 uname -r 显示正在使用的内核版本 d...

因为看了这些书,我大二就拿了华为Offer

四年了,四年,你知道大学这四年我怎么过的么?

深度学习原理+项目实战+算法详解+主流框架(套餐)

深度学习系列课程从深度学习基础知识点开始讲解一步步进入神经网络的世界再到卷积和递归神经网络,详解各大经典网络架构。实战部分选择当下最火爆深度学习框架PyTorch与Tensorflow/Keras,全程实战演示框架核心使用与建模方法。项目实战部分选择计算机视觉与自然语言处理领域经典项目,从零开始详解算法原理,debug模式逐行代码解读。适合准备就业和转行的同学们加入学习! 建议按照下列课程顺序来进行学习 (1)掌握深度学习必备经典网络架构 (2)深度框架实战方法 (3)计算机视觉与自然语言处理项目实战。(按照课程排列顺序即可)

fakeLocation13.5.1.zip

fakeLocation13.5.1 虚拟定位 ios13.5.1的最新驱动下载,iPhone/iPad免越狱虚拟定位工具Location-cleaned驱动已更新

UnityLicence

UnityLicence

Python可以这样学(第一季:Python内功修炼)

Python可以这样学(第一季:Python内功修炼)

Python+OpenCV计算机视觉

Python+OpenCV计算机视觉

土豆浏览器

土豆浏览器可以用来看各种搞笑、电影、电视剧视频

【数据结构与算法综合实验】欢乐连连看(C++ & MFC)案例

这是武汉理工大学计算机学院数据结构与算法综合实验课程的第三次项目:欢乐连连看(C++ & MFC)迭代开发代码。运行环境:VS2017。已经实现功能:开始游戏、消子、判断胜负、提示、重排、计时、帮助。

php+mysql学生成绩管理系统

学生成绩管理系统,分三个模块:学生,教师和管理员。 管理员模块:负责学生、老师信息的增删改;发布课程信息的增删改,以便让学生选课;审核老师提交的学生成绩并且打印成绩存档;按照课号查询每个课号的学生成绩

多功能数字钟.zip

利用数字电子计数知识设计并制作的数字电子钟(含multisim仿真),该数字钟具有显示星期、24小时制时间、闹铃、整点报时、时间校准功能

推荐24个国外黄色网站欣赏

在中国清朝,明黄色的衣服只有皇子才有资格穿,慢慢的黄色在中国就成了高贵的颜色。在人们的色彩印象中,黄色也表现为暂停。所以当你的网页设计采用黄色的时候,会让人们在你的网页前停留。 黄色,就像橙色和红色,黄色也是一个暖色。它有大自然、阳光、春天的涵义,而且通常被认为是一个快乐和有希望的色彩。黄色是所有色相中最能发光的颜色,给人轻快,透明,辉煌,充满希望的色彩印象。 黄色是一个高可见的色...

u-boot-2015.07.tar.bz2

uboot-2015-07最新代码,喜欢的朋友请拿去

一学即懂的计算机视觉(第一季)

一学即懂的计算机视觉(第一季)

学生成绩管理系统(PHP + MYSQL)

做的是数据库课程设计,使用的php + MySQL,本来是黄金搭配也就没啥说的,推荐使用wamp服务器,里面有详细的使用说明,带有界面的啊!呵呵 不行的话,可以给我留言!

Windows版YOLOv4目标检测实战:训练自己的数据集

Windows版YOLOv4目标检测实战:训练自己的数据集

C++语言基础视频教程

C++语言基础视频教程

玩转Python-Python3基础入门

玩转Python-Python3基础入门

2019校招硬件乐鑫+比特大陆笔试题

楼主水硕一枚,参加了2019年的秋招。自己总结了下乐鑫的笔试题目(现场笔试)以及网上考试的比特大陆的题目

成年人用得到的6款资源网站!各个都是宝藏,绝对让你大饱眼福!

不管是学习还是工作,我们都需要一些资源帮助我们有效地解决实际问题。 很多人找资源只知道上百度,但是你们知道吗,有的资源是百度也搜索不出来的,那么今天小编就给大家介绍几款好用的资源网站,大家赶紧收入囊中吧! 1.网盘007 https://wangpan007.com/ 一款全能的资源搜索网站!只需要输入关键字,就能获得你想要的视频、音乐、压缩包等各种资源,网上...

使用TensorFlow+keras快速构建图像分类模型

使用TensorFlow+keras快速构建图像分类模型

Python数据挖掘简易入门

Python数据挖掘简易入门

玩转Linux:常用命令实例指南

玩转Linux:常用命令实例指南

web网页制作期末大作业

分享思维,改变世界. web网页制作,期末大作业. 所用技术:html css javascript 分享所学所得

编程实现学生基本信息管理程序

编程实现学生基本信息管理程序。学生基本信息包括:学号、姓名、性别、年龄、班级、学院、专业等。具体实现的管理功能如下: (1) 输入并显示多个学生的基本信息; (2) 可根据需要实现学生信息的添加; (

土豆SDK(Java版)-非官方

由于土豆SDK一直建设中,最近几天抽空写了一套java的SDK。包含了现有的所有请求协议。本套SDK中仅提供了oAuth的方式(引用oAuth.net的java版示例),并没有在框架中实现,涉及到登录

TCP-IP历史(美国国防部)

TCP-IP历史(源于美国国防部,是个难得的从另外一个方面了解TCP-IP的资料)

关于图的关节点算法

图的关节点算法是搜索的重要应用之一

相关热词 c# cad插入影像 c#设计思想 c#正则表达式 转换 c#form复制 c#写web c# 柱形图 c# wcf 服务库 c#应用程序管理器 c#数组如何赋值给数组 c#序列化应用目的博客园
立即提问