TabPanel autoLoad 乱码解决问题

看 代码一：

 new Ext.TabPanel({
                    id:'tab',
                    region:'center',
                    deferredRender:false,
                    activeTab:0,
                   
                    items:[{
                        id:'main',
                        autoLoad :{url:'1.html',scripts:true},
                        //contentEl:'center2',
                        title: '主菜单',
                        autoScroll:false
                    }]
                })

 代码二：

 new Ext.TabPanel({
                    id:'tab',
                    region:'center',
                    deferredRender:false,
                    activeTab:0,
                   
                    items:[{
                        id:'main',
                        title: '主菜单',
                        html:'<iframe name="mainFrame" id="main" height="100%" frameborder="0" width="100%" marginheight="0" marginwidth="0" scrolling="auto" src="1.html"></iframe>',
                        autoScroll:false
                    }]
                })

 问题是代码1中1.html中会显示乱码，代码2显示正常。具体原因不知道为什么，后来新建了一个jsp把1.html中的内容拷贝到1.jsp中，修改代码1：

autoLoad :{url:'1.html',scripts:true},

结果显示正常。