`

(function(){})();和Ext.onReady()的区别

    博客分类:
  • ext
阅读更多
写在
(function(){})();
中的代码,会在代码加载时执行。

写在
Ext.onReady(function(){});
中的代码会在dom加载完成后执行。

一个是加载代码,一个加载dom
另外:只加载代码,但程序并不会去执行。加载和执行是两回事(在内存中的数据不一样)。
而且,写在(function(){ })();中的function(){},也不会去执行。只是作为其一个属性。


例如:
(function(){
          
      //此处的function不会自动执行,只是作为一个属性。
      function(){

      }

 })();



用法:
如当我们需要从数据库中读取一些值,并设置给一个form时,比如:修改页面的form。我们将form写在(function(){ })();中,同时,也写一些读取数据库值的方法在(function(){ })();中。这样,当修改页面被加载时,可以自动获取数据库的值,并给其中的form使用了。


























-
分享到:
评论

相关推荐

    ExtJS Ext.MessageBox.alert()弹出对话框详解

    代码如下: Ext.onReady(function() { Ext.Msg.alert(‘提示’, ‘逗号分隔参数列表’); //这种方式非常常见的 }); 效果图: 代码如下: Ext.onReady(function() { //定义 JSON(配置对象) var config = { ...

    3------通过实例学习------Ext.js------.docx

    Ext.onReady(function() { Ext.Msg.show({ title: 'Address', msg: 'Please enter your address:', width: 300, buttons: Ext.Msg.OKCANCEL, multiline: true, fn: function(btn, txt) { if (btn == 'ok') ...

    ext使用--Panel和iframe联合使用时页面高度的解决方法

    Ext.onReady(function() { var iframe = Ext.create('Ext.ux.IFrame', { src: 'http://example.com', plugins: ['miframe'] // 使用miframe插件 }); var panel = Ext.create('Ext.Panel', { items: [iframe]...

    Ext.ux.UploadDialog

    Ext.onReady(function() { var uploadDialog = new Ext.ux.UploadDialog({ title: '文件上传', url: '/server/upload.php', // 服务器端处理文件的URL width: 400, height: 300, listeners: { '...

    ext表格布局小例子

    Ext.onReady(function() { //... }); ``` #### 三、数据模型与列模型配置 **数据模型** (`Store`) 负责数据的存储与管理,这里使用了 `PagingMemoryProxy` 来模拟分页效果。 ```javascript var store = new Ext....

    Ext中文版手册最新版

    Ext.onReady(function() { // 向body中添加一个带有特定class的p元素 Ext.DomHelper.append(document.body, { tag: 'p', cls: 'some-class' }); // 更新刚添加的p元素的内容 Ext.select('p.some-class').update...

    Ext原理.txt

    Ext.onReady(function(){ Ext.get('messageBox1').on('click', function(){ Ext.MessageBox.alert('状态', '成功'); }); }); ``` ##### 2. Ext.MessageBox.confirm() `Ext.MessageBox.confirm()` 方法用于...

    ext培训第二讲.doc

    **总结**:本节通过具体的步骤和示例,详细介绍了如何在EXT中创建一个简单的Hello World程序,并对`Ext.onReady`方法进行了深入解析。这不仅有助于理解EXT的基本使用方式,也为后续更复杂的应用打下了坚实的基础。

    Ext JS下载及配置

    Ext.onReady(function() { Ext.MessageBox.alert("Hello World", "Hello World!"); }); ``` #### 四、示例解析 下面是一个简单的 Ext JS 应用示例,用于展示如何创建一个弹出消息框: ```html <!DOCTYPE ...

    Ext Js权威指南(.zip.001

    6.5.2 ext.dom.compositeelement与ext.dom.compositeelementlite的区别 / 279 6.5.3 操作元素集合 / 279 6.6 综合实例:可折叠的面板accordion / 280 6.7 本章小结 / 283 第7章 数据交互 / 284 7.1 数据交互...

    简单介绍Ext 2.0

    Ext.onReady(function(){ alert("Congratulations! You have Ext configured correctly!"); }); ``` 上面的代码展示了如何使用`Ext.onReady()`来弹出一个警告框,告知用户Ext已经配置成功。 #### 五、Ext.Element...

    Ext.MessageBox工具类简介

    案例如下: 代码如下: Ext.onReady(function(){ Ext.MessageBox.alert(“提示”,”请单击我,确定”,callBack); function callBack(id){ alert(“单击的按钮ID是:”+id); } Ext.MessageBox....

    EXT dojochina Ext类静态方法.rar

    例如,`Ext.extend(MyClass, Ext.Panel, {myMethod: function() {...}})`创建了一个新类MyClass,它继承自Ext.Panel,并添加了一个名为myMethod的方法。 - `Ext.apply()`: 这个静态方法用于合并对象的属性,通常...

    ext教程1.pdf

    Ext.onReady(function () { alert("ExtJS 库已加载!"); }); ``` 或者,如果希望在窗口中显示内容,可以创建一个`Ext.Window` 实例,如下: ```javascript Ext.onReady(function() { var win = new Ext.Window({ ...

    Jquery+ext

    Ext.onReady(function() { // 在EXT页面加载完成后执行的代码 }); }); ``` 总结,jQuery和EXT的结合使得Web开发更高效,它们互补了JavaScript的不足,提供了丰富的UI组件和强大的交互体验。学习和掌握这两个库,...

    EXT中文手册.pdf

    1. **Ext的基本配置和初始化**:在Ext框架中,`Ext.onReady`是一个非常核心的方法,它用于确保在DOM完全加载后执行指定的函数。通过`Ext.onReady`,可以初始化Ext应用并执行必要的配置。例如:`Ext.onReady(function...

    Ext中以get开头的方法使用

    Ext.onReady(function(){ var e = new Ext.Element("hello"); alert(Ext.get("hello")); // 使用ID获取 alert(Ext.get(document.getElementById("hello"))); // 使用DOM对象获取 alert(Ext.get(e)); // 使用...

Global site tag (gtag.js) - Google Analytics