js多文件操作中文乱码问题

我展示3个文件，一个html文件，一个center.js文件，一个FileInfeditor.js文件，在center文件中，需要引用FileInfeditor中的一个panel，结果center中的其他卡片窗口中文显示正常，但是从FileInfeditor中引入的那个panel就是中文乱码，对此我十分不解，请教高手给予说明和更改意见，这里我试过将FileInfeditor里的内容全部复制到center中，此时中文显示正确，但是我正是需要将FileInfeditor.js结构独立，所以才需要探究此问题，请高手帮忙，送分不在问题。以下给出部分关键代码
<head>

<meta http-equiv="Content-Type" content="text/html; charset = utf-8" />
    <title>标准模块数据库模型库管理系统</title>
<link rel="stylesheet" type="text/css" href="F:/extcode/ext-3.3.1/resources/css/ext-all.css" />

<!-- Begin system js -->
  <script type="text/javascript" src="F:/extcode/ext-3.3.1/adapter/ext/ext-base.js"></script>
    <script type="text/javascript" src="F:/extcode/ext-3.3.1/ext-all.js"></script>
<script type="text/javascript" src="F:/extcode/ext-3.3.1/ext-all-debug.js"></script>
<!--<script type="text/javascript" src="TabCloseMenu.js"></script> -->

    <script type="text/javascript" src="ext-lang-zh_CN.js"></script>
    <!-- End system js -->
    
    <!-- Begin user defined js -->
    <script type="text/javascript" src="south.js"></script>
    <script type="text/javascript" src="north.js"></script>
<script type="text/javascript" src="FileInfeditor.js"></script>
<script type="text/javascript" src="center.js"></script>

    <script type="text/javascript" src="index.js"></script>

    <script type="text/javascript" src="west.js"></script>
center.js
var sepanel = new Ext.Panel({
id:    "sef",
title: '娱乐桌面',
iconCls: 'tabs',
closable: true,
layout:'table',
layoutConfig: {columns:3},
defaults: {frame:true, width:300, height: 200},
items:[{
title:'代适宜',
style:'margin: 5px;',
        tools:tools,
        iconCls: 'tabs'
    },{
        title:'备忘录',
        tools:tools,
        style:'margin: 5px;',
        iconCls: 'tabs'
    },{
        title:'段消息',
        style:'margin: 5px;',
        tools:tools,
        iconCls: 'tabs'
    }]
});
/** 定义中心区域, 本系统的核心区域, 所有打开的Tab都将在该区域展示 */
var centerRegion = new Ext.TabPanel({
    region:'center',
    deferredRender:false,
    enableTabScroll:true,
    autoDestroy: false,
layoutOnTabChange:true,
//plugins:[new Ext.ux.TabCloseMenu()],
defaults:{antoScroll:true},
    items:[welcomePanel,sepanel,FileInfeditor],
activeItem:2
});
FileInfeditor.js
var UpDate_textfield = new Ext.form.TextField({
name:"up_date",
allowBlank:false,
fieldLabel:"上传时间",
width:400
});var FileVersion_textfield = new Ext.form.TextField({
name:"file_version",
allowBlank:false,
fieldLabel:"文件版本",
width:400
});var Memo_textfield = new Ext.form.TextField({
name:"Memo",
allowBlank:false,
fieldLabel:"备注",
width:400
});var UpdateFileInfo_btn = new Ext.Button({
text:"更新文件信息"
});var DeleteFile_btn = new Ext.Button({
text:"删除文件"
});var FileInfeditor = new Ext.Panel({
id:"FileInfeditor",
title:'bianjifileinformation',
iconCls:'tabs',
closable:true,
layout:'form',
frame: true,
labelAlign:"right",
items:[UpDate_textfield,FileVersion_textfield,Memo_textfield],
buttons:[UpdateFileInfo_btn,DeleteFile_btn]
});