<!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>
显示效果为：
需要注意的地方：
有可能出现的乱码问题，因为这里没有服务器，所以不存在跟服务器编码方式同步的问题。所以只要文件自身的编码方式跟文件内部设定的编码方式一致即可以正常显示中文。
请注意文中加粗的部分，一般设定为utf-8，如果这时还不能正常显示中文，则将原文件另存为选择编码方式为utf-8，则可以将文件自身的编码方式设定为utf-8，与文件设定一致，即可以正常显示中文。
- 大小: 2.6 KB
分享到：
相关推荐
"HelloWorld"是编程领域的传统入门示例，通常用于演示基本的使用方法和程序结构。 在"ExtJS----HelloWorld程序源码"中，我们将会看到如何使用ExtJS来创建一个简单的“你好，世界！”应用。以下是对这个示例中涉及的...
这篇博客“extjs入门之hello world”应该是引导初学者了解并开始使用ExtJS的基本步骤。由于描述部分是空的，我们将主要依据标题和标签来探讨相关知识点。 首先，让我们来看看“源码”这个标签。在学习任何编程技术...
在ExtJS入门教程中，首先需要掌握的是如何获取ExtJS库文件。用户可以通过ExtJS官方网站提供的下载链接获取到最新的ExtJS库文件，下载的文件是一个压缩包，解压后可以看到包含的文件和目录。其中主要的文件包括...
2. **Hello World**：创建第一个ExtJS应用，展示基础组件如Panel的使用。 3. **组件基础**：讲解如何创建和使用不同类型的组件，如按钮、文本框、表单等。 4. **布局管理**：介绍如何利用布局管理器来组织和排列...
在本入门教程中，还包含了简单的示例代码，这些示例代码将演示如何使用ExtJS来创建一个基础的“Hello World”应用程序。这个过程包括了如何设置HTML页面，如何引入必要的ExtJS库文件，以及如何编写JavaScript代码来...
- **Hello World 示例**：作为初学者的第一步，可以通过实现简单的 Hello World 示例了解 ExtJS 的基本用法和组件构建流程。 - **代码结构**：首先需要引入 ExtJS 库文件，然后定义一个容器（Container），并在其中...
《EXTJS入门案例详解》 EXTJS是一款基于JavaScript的富客户端应用框架，它提供了一整套组件和工具，用于构建功能强大的Web应用程序。本篇将通过详细的案例介绍EXTJS的基本用法，帮助初学者快速入门。 首先，我们来...
### Extjs4.2 入门详细文档及表格初级制作 #### 一、Extjs4.2 下载与安装 **1.1 Extjs4.2 文件结构介绍** 初次接触到Extjs4.2的同学可能会对下载下来的文件夹结构感到困惑。下面我们将详细解释各个目录的作用： ...
<title>ExtJS入门示例 <link rel="stylesheet" type="text/css" href="resources/css/ext-all.css"> <script type="text/javascript" src="adapter/ext/ext-base.js"> <script type="text/javascript" src="ext-...
### Extjs4.0 权威指南 - 中文版知识点详解 #### 一、Extjs4.0 ...通过这些示例，读者可以快速入门并掌握 Extjs4 的基本操作。随着进一步的学习和实践，你将能够利用 Extjs4 开发出更复杂、更强大的 Web 应用程序。
Ext.MessageBox.alert("Hello World!"); }) ``` - **注意**: - 严格区分大小写。 - 缺少任何符号都会导致执行失败。 - 若使用 4.0 版本，则需要引入 `ext-all.css`、`ext-all.js` 和 `bootstrap.js`...
编写第一个“Hello World”示例，创建一个名为`helloworld.js`的JavaScript文件，内容如下： ```javascript Ext.application({ name: 'HelloExt', launch: function() { Ext.create('Ext.container.Viewport', {...
HelloWorld是编程语言中最经典的入门示例之一，其目的是让初学者快速熟悉开发环境的基本配置和运行方式。在ExtJS中，可以使用`Ext.MessageBox.alert`方法来显示一个简单的消息框： ```javascript Ext.onReady...
#### 一、Extjs6.5简介与Hello World应用 **介绍** - **快速入门指南目的**: 旨在帮助开发者快速掌握Ext JS的核心概念，成为有效的Ext JS开发人员。 - **学习方法**: 结合工作代码示例进行讲解，逐步构建一个完整的...