因为工作需要,今天开始学习ext3.2.1,按照书本上所写如下
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>JSP Test Page</TITLE>
<link rel="stylesheet" type="text/css" href="../ext-3.2.1/resources/css/ext-all.css" />
<script type="text/javascript" src="../ext-3.2.1/ext-all-debug.js"></script>
</HEAD>
<BODY>
hello
<div id="sss"></div>
</BODY>
<script type="text/javascript">
Ext.onReady(function() {
alert("asdfdsfg");
var bn = new Ext.Button({
text: 'buttion',
scale : 'small',
onClick : function() {
alert("onClick");
},
renderTo:"sss"
});
});
</script>
</HTML>
在ie浏览器上运行老是出错“提示ext对象不存在”。
各种郁闷,折腾了老久,后来用firefox+firebug,再加上大神帮助。添加<script type="text/javascript" src="../ext-3.2.1/adapter/ext/ext-base.js"></script>,问题解决。
工预善其事,必先利其器。firefox+firebug前端开发的绝佳组合。