我们在学校里学习任何一门语言都是从"Hello World"开始，这里我们也不例外。
1. index.jsp代码如下：
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--ExtJs框架开始-->
<script type="text/javascript" src="Ext/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="Ext/ext-all.js"></script>
<link rel="stylesheet" type="text/css" href="Ext/resources/css/ext-all.css" />
<!--ExtJs框架结束-->
<!--调用/study/helloWorld.js 实现HelloWorld -->
<script type="text/javascript" src="study/helloWorld.js"></script>
</head>
<body>
<!-- <input id='hello' type='button' value='click'> -->
<div id="hello"> </div>
<br>
</body>
</html>
2. helloWord.js 代码如下：
Ext.onReady(function(){
Ext.MessageBox.alert('Title','Hello World')
})
注：说明：
(1)Ext.onReady():ExtJS Application的入口...就相当于Java或C#的main函数.
(2)Ext.MessageBox.alert()：弹出对话框。
3. 效果如下：
***********************************************************************************************************************************
* 以下是我使用MyEclipse 编辑的工程***以后的ExtJs也会同样单独写在js文件里面 然后在Index.jsp内引入
*
*MyEclipse 工具内的index.jsp页面
*
*
*MyEclipse 工具内的helloWorld.js
*
*
******************************************************结束**********************************************************************
相关推荐
在"无废话ExtJS系列教程十八[继承：Extend]"中，我们主要关注的是ExtJS中的类继承机制，这是一个核心特性，它允许开发者创建可复用和可扩展的组件结构。在JavaScript中，继承是通过原型链实现的，而在ExtJS中，它被...
【标题】"无废话ExtJs 教程十二[员工信息表Demo：AddUser]"是一个针对初学者和进阶者设计的教程，旨在帮助他们更好地理解和应用ExtJS框架创建员工信息管理系统的添加用户功能。在本教程中，我们将深入探讨如何使用...
本教程将深入探讨ExtJS中的Combobox组件，包括其基本用法、配置选项、事件处理和自定义功能。 1. **Combobox的基本结构** - Combobox由两个主要部分组成：文本输入框和下拉列表。用户可以在输入框中键入文字，或者...
简单的ExtJS版的helloworld.html代码
NULL 博文链接：https://huiqinbo.iteye.com/blog/2217105
标题“extjs4 helloworld”指的是使用Ext JS 4框架创建的一个基础的“Hello, World”应用程序。Ext JS是一个强大的JavaScript库，用于构建富客户端Web应用程序。它提供了一个全面的组件模型，允许开发者构建复杂的...
《无废话ExtJs系列教程十五：树：TreePanel》 ExtJs是一个强大的JavaScript库，用于构建富客户端Web应用。在本教程中，我们将深入探讨一个重要的组件——TreePanel，它是ExtJs用来展示层次结构数据的工具，常用于...
总之，"无废话ExtJs 系统教程十九[动态复选框：RemoteCheckboxGroup]"是一个帮助开发者掌握如何在ExtJS应用中实现动态复选框组件的资源。通过学习和实践，你可以创建出更加灵活和高效的用户界面，同时利用源码和工具...
在"无废话ExtJS 系统教程十四[列表：GridPanel]"中，我们将会深入探讨如何有效地使用GridPanel来创建高效的、功能丰富的数据列表。 GridPanel是ExtJS中的核心组件之一，它允许用户以表格形式展示大量数据，并支持...
在"ExtJS5学习之Hello World"这个主题中，我们将深入探讨如何使用ExtJS5进行基本的开发工作。 首先，ExtJS5的"Hello World"程序通常是一个简单的窗口应用，展示如何创建一个基本的ExtJS应用。在这个例子中，我们...
extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程,extjs教程
ExtJS教程全面介绍了ExtJS框架的基本功能和高级特性，适用于有Web开发经验的开发者，尤其是希望快速构建丰富用户界面的人员。ExtJS是一个基于JavaScript的开源前端框架，它提供了丰富的用户界面组件和数据处理机制，...
在"ExtJS----HelloWorld程序源码"中，我们将会看到如何使用ExtJS来创建一个简单的“你好，世界！”应用。以下是对这个示例中涉及的主要知识点的详细解释： 1. **引入ExtJS库**：首先，你需要在HTML文件中引入ExtJS...
在"HelloWorld.rar"这个压缩包中，我们很显然会找到一个基础的ExtJS项目，用于初学者学习和理解如何在实践中应用和导入ExtJS组件库。 在深入探讨之前，先来了解一下ExtJS的核心特性。ExtJS 提供了一个丰富的组件...
### ExtJs教程_完整版.pdf 知识点详解 #### 一、ExtJS概述与特点 **1.1 ExtJS是什么？** ExtJS是一个用于构建Web应用程序的强大且全面的JavaScript库。它以其丰富的用户界面组件、优秀的API文档以及对多种浏览器...
extjs 学习资料 extjs 教程extjs 学习资料 extjs 教程extjs 学习资料 extjs 教程extjs 学习资料 extjs 教程extjs 学习资料 extjs 教程
Extjs4学习指南21集无代码 extjs网上商城项目 ExtJs视频教程 google调试extjs视频 从基础到实战ExtJs全程精通 传智蔡世友ExtJs视频教程 浪曦ExtJs，永久有效，所有视频解压密码相同，在文档中有写，如有问题请及时...