JavaScript资料,JavaScript文章,JavaScript文档-易库教程

Extjs学习笔记之三 extjs form更多的表单项

2016年07月27日 7 阅读

1.日期选择框，DateField 日期选择框在日常项目中被广泛应用，一个方便的日期输入机制能够极大的提高用户体验。Extjs的DateField非常友好灵活强大。可以通过如下代码新建一个日期选择框：复制代码代码如下: new Ext.form.DateField（{ id: "diliveryDate", format: "Y年m月d日", maxValue: new Date（）, minValue: "1900-01-01", disabledD...

Extjs学习笔记之四工具栏和菜单

2016年07月27日 8 阅读

ToolBar的使用很简单，关键是向ToolBar上面添加内容，默认地ToolBar添加的是Button，不过实际上可以向Toolbar添加任意的组件。下面是一个例子：复制代码代码如下: <script type="text/javascript"> Ext.onReady（function（） { var tb = new Ext.Toolbar（{ renderTo: document.body, width: 600, height:...

EXT中xtype的含义分析

2016年07月27日 6 阅读

序言根据我在论坛上的观察，xtype用起来的时候疑惑会比较多。甚至有些人根本忽略xtype，或者不清楚它是什么。所以我决定阐述一下这个xtype的概念。定义 xtype就是一个代表类（Class）的标识名字。譬如，你有这个类，名字是Ext.ux.MyGrid。正常情况下你需要用这个名字来实例化这个类（创建类的对象）。除了类名外，你还可以这样登记类的xtype： Ext.reg（"mygrid", Ext.ux.MyGrid）; 其中xtype 是 ...

Extjs学习笔记之五一个小细节renderTo和applyTo的区别

2016年07月27日 7 阅读

ExtJS中的renderTo和applyTo的差别对applyTo和renderTo的理解和思考个人认为这两篇文章写的不够通俗。写一个简单的例子来看看最终生成了什么代码，复制代码代码如下: <head> <title>RenderTo and ApplyTo</title> <link rel="Stylesheet" type="text/css" href="ext-3.1.0/resources/css...

jQuery DOM操作基于命令改变页面

2016年07月27日 8 阅读

呃，貌似是广告哈？呵呵，不过的确是这样，jQuery为我们提供了丰富的DOM操作方法，使这些复杂的DOM操作变得简单。继上一回写jQuery的笔记貌似已经过去很长时间了，这一节也确实有必要写一下了，呵呵，Let"s Go~ 操作属性：之前，我们说过.addClass（）及.removeClass（）方法，更改的其实也是DOM的属性：className。说到这就得再提一下，为啥元素的类名叫做className而不是直接叫class，因为class是js...

让多个输入框中的内容同时变化的js代码

2016年07月27日 6 阅读

var input_arr = document.getElementsByName（"word"）; var len = input_arr.length; for（var i=0; i< len; i++）{ input_arr[i].onkeyup = function（）{ copyToOther（this.value,this）; }; } function copyToOther（val,obj）{ for（var j=0; j<...

判断iframe是否加载完成的完美方法

2016年07月27日 8 阅读

复制代码代码如下:var iframe = document.createElement（"iframe"）; iframe.src = "http://www.jb51.net"; if （！/*@cc_on！@*/0） { //if not IE iframe.onload = function（）{ alert（"Local iframe is now loaded."）; }; } else { iframe.onreadystatechange...

IE iframe的onload方法分析小结

2016年07月27日 5 阅读

判断iframe是否加载完成的完美方法IE 支持 iframe 的 onload 事件，不过是隐形的，需要通过 attachEvent 来注册。第二种方法比第一种方法更完美（采用readystatechange判断），因为 readystatechange 事件相对于 load 事件有一些潜在的问题。这里感觉说的并不是完全准确，开始给我造成了很大的困扰。看其代码才明白，真正意义上来讲IE在创建一个新的iframe时的onload方法需要使用attach...

javascript new一个对象的实质

2016年07月27日 11 阅读

以前这些东西自己清楚，可是却解释不出来，也没有去深究这些东西。今天在看《悟透JavaScript》的时候，看到作者的描述，“茅厕”顿开。现摘录如下，作者说的很是清楚：用 var anObject = new aFunction（）形式创建对象的过程实际上可以分为三步：第一步是建立一个新对象；第二步将该对象内置的原型对象设置为构造函数prototype引用的那个原型对象；第三步就是将该对象作为this参数调用构造函数，完成成员设置等初始化工作。...

jQuery开发者都需要知道的5个小技巧

2016年07月27日 9 阅读

1.禁用右键菜单复制代码代码如下: $（document）.ready（function（）{ $（document）.bind（"contextmenu",function（e）{ return false; }）; }）; 2.让字体闪烁复制代码代码如下: jQuery.fn.flash = function（ color, duration ） { var current = this.css（ "color" ）; this.animat...

Extjs学习笔记之六面版

2016年07月27日 10 阅读

Extjs为我们封装好了Panel，Panel具有统一的标题头，面板体，面板底部，还可以自由的添加工具栏等。另外，extjs中还有丰富的布局，可以用来布局Panel。这种方式很像Java的Swing. Panel可以嵌套，可以作为整个页面的框架，也可以作为一个小功能区。前几篇文中用到的FormPanel就是继承自Panel类的。下面的例子展示了一个较为完整的Panel,主要是设置工具栏：复制代码代码如下: <html xmlns="http:/...

Javascript 中的类和闭包

2016年07月27日 6 阅读

有人说javascript也是面向对象的，只是它是prototype based,当然这只是概念上的区别，我不想讨论js是不是面向对象的，关键是想说明虽然javascript的类表现得很像其他语言中的类，但是内部的实现机理确不太一致，如果一味的把javascript中的类类比作其他语言中的类，有时候脑子会犯混。先看一段简单的代码，一般教材上介绍如何新建一个类的时候都是这样的（当然还有更复杂的方法，不过本质上是一样的）：复制代码代码如下: functi...

IE6下JS动态设置图片src地址问题

2016年07月27日 5 阅读

这两天赶一个项目，要求鼠标点击小图显示大图，于是用JS来根据小图来设置大图的SRC，设计完后问题就出来了。在IE6下大图显示不出，鼠标放置在图片上右键链接地址是可以正常显示链接地址的，并且点击显示图片图片才能被正常显示。IE7,IE8和FF是没有这些问题的。代码如下：复制代码代码如下: function picclick（） { var pic = $（"marqueediv"）.getElementsByTagName（"a"）; var len =...

Extjs学习笔记之七布局

2016年07月27日 7 阅读

Extjs Layout Browser .Extjs3.1.0 版本支持17种，下面挑一些重要的简要的说明一下，要看效果，去上面给的链接，不再贴图了。给Panel设置Layout的方法是一样的，就是设置Panel的Layout配置项。1. AbsoluteLayout 可以通过Panel内部组件的决定位置来布局。通过x,y来指定。示例用法：复制代码代码如下: new Ext.Panel（{ layout: "absolute", title: "A...

Extjs学习笔记之八继承和事件基础

2016年07月27日 6 阅读

这里接口的意思是Observable实际上起了一个抽象类的作用，Extjs中有大量的组件都是继承自这个类的。这个类提供了一些基本的方法比如addEvents，addlistener,fireEvent等等。本文暂时不介绍如何使用extjs的组件响应事件，而是介绍Extjs的事件的一些实现原理。整个Extjs框架都是以一种面向对象的方式开发的，所以理解Javascript中的继承也很重要。我前面的一篇文章补点基础：Javascript中的类和闭包也是为这...

Extjs TriggerField在弹出窗口显示不出问题的解决方法

2016年07月27日 8 阅读

一、原因分析 this.WinData.AutoLoad.Mode = LoadMode.IFrame; WinData.AnimateTarget = "BtnEdit"; PHWin.Controls.Add（WinData）; 使用PlaceHolder让窗口弹出具有动画效果二、解决方案 this.WinData.AutoLoad.Mode = LoadMode.IFrame; 去掉动画效果即可...

JavaScript中的集合及效率

2016年07月27日 8 阅读

虽然这个集合的 key 只能是 String 类型，不像 Java 里面的各种集合类能够使用各种对象作为 Key ，但对于实现一般的客户端 JS 功能来说，已经是足够用了。同样，因为所有的 JS 内部对象都继承自 Object 对象，所以实际上 JS 的 Array 对象也可以使用字符串来做为数组的下标，就像 PHP 中的数组变量一样。来自鸟食轩。数组是JavaScript提供的一个内部对象，它是一个标准的集合，我们可以添加（push）、删除（shift...

利用js获取服务器时间的两个简单方法

2016年07月27日 7 阅读

有时用js来获取服务器时间。一般会用System.DateTime 方法如下：复制代码代码如下: <script language="javascript"> var a = new Date（） a = <%=System.DateTime.Now.ToString（"yyyy-MM-dd HH:mm:ss"）%>; Response.Write（a） </script> 其实还有一个方法：利用javascrip...

在html页面上拖放移动标签

2016年07月27日 6 阅读

1、设置标签（如img, div等等）的样式：将position设置为absolute，例如： <div style="position:absolute" id="move_id" onmousedown="mousedown（）" onmouseup="mouseup（）"> 2、用一个临时元素来记录标签的状态。将临时元素的display设置为none ，隐藏这个临时元素，这里使用了input 扮演临时元素。值为0表示这个标签没有被移动过...

JavaScript 页面坐标相关知识整理

2016年07月27日 7 阅读

offsetTop 可以获得 HTML 元素距离上方或外层元素的位置，style.top 也是可以的，二者的区别是：一、offsetTop 返回的是数字，而 style.top 返回的是字符串，除了数字外还带有单位：px。二、offsetTop 只读，而 style.top 可读写。三、如果没有给 HTML 元素指定过 top 样式，则 style.top 返回的是空字符串。 offsetLeft 与 style.left、offsetWidth 与...

首页 / 脚本样式 / JavaScript

Extjs学习笔记之三 extjs form更多的表单项

Extjs学习笔记之四 工具栏和菜单

EXT中xtype的含义分析

Extjs学习笔记之五 一个小细节renderTo和applyTo的区别

jQuery DOM操作 基于命令改变页面

让多个输入框中的内容同时变化的js代码

判断iframe是否加载完成的完美方法

IE iframe的onload方法分析小结

javascript new一个对象的实质

jQuery开发者都需要知道的5个小技巧

Extjs学习笔记之六 面版

Javascript 中的类和闭包

IE6下JS动态设置图片src地址问题

Extjs学习笔记之七 布局

Extjs学习笔记之八 继承和事件基础

Extjs TriggerField在弹出窗口显示不出问题的解决方法

JavaScript中的集合及效率

利用js获取服务器时间的两个简单方法

在html页面上拖放移动标签

JavaScript 页面坐标相关知识整理

Extjs学习笔记之四工具栏和菜单

Extjs学习笔记之五一个小细节renderTo和applyTo的区别

jQuery DOM操作基于命令改变页面

Extjs学习笔记之六面版

Extjs学习笔记之七布局

Extjs学习笔记之八继承和事件基础