菜鸟学EXT之hello world

来源:互联网 发布:斗鱼主播用的唱歌软件 编辑:程序博客网 时间:2024/05/16 05:33

又见hello world!!

一、导入必要的库文件。

1、样式文件resources/css/ext-all.css

2、框架基础库ext-base.js

3、核心库ext-all.js

如下:

Code:
  1. <link rel="stylesheet" style="text/css" href="js/resources/css/ext-all.css"></link>  
  2. <script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>  
  3. <script type="text/javascript" src="js/ext-all.js"></script>  

二、写一个helloworld的html

Code:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  2. <html>  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">  
  5. <title>Insert title here</title>  
  6. <link rel="stylesheet" style="text/css" href="js/resources/css/ext-all.css"></link>  
  7. <script type="text/javascript" src="js/adapter/ext/ext-base.js"></script>  
  8. <script type="text/javascript" src="js/ext-all.js"></script>  
  9. <script type="text/javascript">  
  10.     Ext.onReady(function() {  
  11.         Ext.Msg.alert("Title", "Hello, Ext.");  
  12.     });  
  13. </script>  
  14. </head>  
  15. <body>  
  16.   
  17. </body>  
  18. </html>  

三、运行结果

 

原创粉丝点击