无废话ExtJs 入门教程二[Hello World]

extjs技术交流,欢迎加群(201926085)程序员俱乐部-ExtJs(5群)

我们在学校里学习任何一门语言都是从"Hello World"开始,这里我们也不例外。

1.代码如下:

 

复制代码
 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4     <title></title>
 5     <!--ExtJs框架开始-->
 6     <script type="text/javascript" src="/Ext/adapter/ext/ext-base.js"></script>
 7     <script type="text/javascript" src="/Ext/ext-all.js"></script>
 8     <link rel="stylesheet" type="text/css" href="/Ext/resources/css/ext-all.css" />
 9     <!--ExtJs框架结束-->
10     <script type="text/javascript">
11         Ext.onReady(function () {
12             Ext.MessageBox.alert('标题', 'Hello World!');
13         });
14     </script>
15 </head>
16 <body>
17 <!--
18 说明:
19 (1)Ext.onReady():ExtJS Application的入口...就相当于Java或C#的main函数.
20 (2)Ext.MessageBox.alert():弹出对话框。
21 -->
22 </body>
23 </html>
复制代码

效果如下:

活到老,学到老,练到老...
posted @ 2016-06-14 11:35  HuSam  阅读(231)  评论(0编辑  收藏  举报