我的第一个程序------有点曲折

最新推荐文章于 2025-09-11 11:14:15 发布

原创最新推荐文章于 2025-09-11 11:14:15 发布 · 158 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#EXT #JavaScript #CSS #Cache #Firefox #ViewUI

extjs4 专栏收录该内容

6 篇文章

订阅专栏

作者分享了从初次接触并尝试使用Ext JS框架到解决遇到的第一个错误的过程。从版本选择、引入文件顺序到使用最新版本4.0进行实践，文章详细记录了遇到的问题和解决方案。

以前就看到Extjs那特别炫的效果，那时候就很想弄它，可那时有其它的事要做，最近有点时间了，就想来弄下它！先到它的官网上看了教程，开始了自己的第一个Ext程序，可没想到第一个就出错了，以前下了个3.0的版本，所以刚开始的时候就是用3.0来实现的！写了个简单的Hello World程序，在firefox中运行的时候就提示EXT不存在，花了我一点时间才找到原因，原来是我把Ext写成EXT了！呵呵！

<html>
 <head>
  <title> New Document </title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <link ref="stylesheet" type="text/css" href="ext-all.css">
  <script type="text/javascript" src="ext-base.js"></script>
  <script type="text/javascript" src="ext-all-debug.js"></script>
  <script type="text/javascript">
	
	Ext.onReady(function() {
		alert("hello world!");
	});
  </script>
	
 </head>

 <body>
  
 </body>
</html>

3版本需要加3xt-base.js和ext-all(-debug).js，而且它们的顺序还不能乱；而四版本的话只需要加一个ext-all(-debug).js就可以了 ;

在浏览官网的时候看到最新版本是4.0了就下了个4.0版本，以后应该都会用4.0版本了。4.0版本的Hello World程序代码如下：

<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>index</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">
	<!--
	<link rel="stylesheet" type="text/css" href="styles.css">
	-->
	<script type="text/javascript" src="ext4/ext-all-debug.js"></script>
	<script type="text/javascript">
		Ext.onReady(function() {
			alert("hello world!");
		});
	</script>
  </head>
  
  <body>
    This is my JSP page. <br>
  </body>
</html>