ExtJS入门-HelloWorld

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
          "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	<title>Sliding Text</title>
        <!-- Bring in the ExtJs Libraries and CSS -->
        <link rel="stylesheet" type="text/css" href="ext/resources/css/ext-all.css" />
        <script type="text/javascript" src="ext/adapter/ext/ext-base.js"> </script>
        <script type="text/javascript" src="ext/ext-all.js"> </script>
	
	<script>  
	// 修改该空白背景图的路径,指向你服务端一个有效的图片路径。  
        Ext.BLANK_IMAGE_URL = 'ext/resources/images/default/s.gif'; 
        function HelloWorld (){  
               Ext.MessageBox.alert("Hello World", "这里是Ext的世界!");  
        }  
        // 用Ext.onReady事件在页面Ready的时候执行HelloWorld 的函数。  
        Ext.onReady(HelloWorld); 
    </script>  
</head>
<body>
</body>
</html>


显示效果为:
ExtJS入门-HelloWorld

需要注意的地方:
有可能出现的乱码问题,因为这里没有服务器,所以不存在跟服务器编码方式同步的问题。所以只要文件自身的编码方式跟文件内部设定的编码方式一致即可以正常显示中文。
请注意文中加粗的部分,一般设定为utf-8,如果这时还不能正常显示中文,则将原文件另存为选择编码方式为utf-8,则可以将文件自身的编码方式设定为utf-8,与文件设定一致,即可以正常显示中文。

你可能感兴趣的:(html,css,ext)