Ext JS乱码

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>测试从服务端动态装载数据</title>
<link rel="stylesheet" type="text/css"
href="script/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="css/panel.css" />
<script type="text/javascript" src="script/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="script/ext-all.js"></script>
<script type="text/javascript" src="script/locale/ext-lang-zh_CN.js"></script>
<script type="text/javascript"> function init()
 {
 var sexStore = new Ext.data.Store(
     {
  proxy : new Ext.data.HttpProxy(
{
url : 'kxw/sex.action'
}),
reader : new Ext.data.ArrayReader(
{},
  [
  {
  name : 'id'
  },
  {
  name : 'name'
  } ])
 });
 sexStore.load();
 var sexField = new Ext.form.ComboBox(
 {
  name : 'sex',
  store : sexStore,
  fieldLabel : '性别',
  mode : 'remote',
  autocomplete:false,
  triggerAction : 'all',
  valueField : 'id',
  displayField : 'name',
  hiddenName : "sexId",
  minListWidth : 220,
  readOnly : true
 });
 
     var formPanel = new Ext.form.FormPanel(  
{
labelAlign : 'right',  
labelWidth : 60,   
width:280,
height:100,  
title:'表单',  
frame : true,
items :  
[
{
layout:'form',
items :
[sexField ]
} ]

});
      formPanel.render("form");      
 }
 Ext.onReady(init); 
</script>
</head>
<body>
<br>
<br>
<center>
<div id="form"></div>
</center>
</body>
</html>