引入外部js文件时乱码，在复制到内部时候正常显示

Question

在当前JSP页面设置了如下等内容
<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="utf-8"%>

<meta http-equiv="Content-Type" content="text/html; charset='UTF-8'" />
引入js时候，<script charset="utf-8" type="text/javascript" src="<%=basePath%>views/business/resourceManagement/cameraInfo.js" ></script>

如下功能中引用了该js中的函数。
<a onclick="openfilewindow()"><i class="upload_icon"></i>上传视频</a>
函数为：

function openfilewindow(cameraId)
{ 
    layer.open({
        type: 2,//页面
        title: '浏览上传',
        shadeClose: false,
        shade: 0.1,//遮罩背景效果
        area: ['60%', '70%'],
        shift:0,//动画效果 有0~6选
        content: basePath + 'rest/ctrlUnitFile/toResourceFileUploadAdd?&cameraId=' + cameraId,
        success: function(layero, index){

        }
    });
}

弹窗页面的编码正常显示，但是那个title乱码了，请问怎么解决？

Answer 1

这个cameraInfo.js 文件另存下。存成utf-8就ok。