JavaScript

JavaScript /js/ 网页设计 / JavaScript zh-cn 网站版权信息 nantangcun@163.com offsetParent和parentElement是什么意思 /js/200811/20-6467.html 一直以为offsetParent和parentElement是一回事，最近在做web控件才发现原来的理解是大错特错。   parentElement 在msdn的解释是Retrieves the parent object in the object hierarchy.   而offsetParent在msdn的解释是Retrieves a reference to the container 2008-11-20 JavaScript 秩名 IT起步网 Mootools domReady事件可以在某些场合替代onload事件 /js/200811/19-6464.html load事件可以安全的执行JS，因为该事件是在页面完全加载完后才开始执行（包括页面内的图片、flash等所有元素），不会因为JS需要对某个DOM操作，而页面还没有加载该节点而引起错误。但是这种安全是需要付出代价的：如果某些图片（或者一些别的东西）加载特别慢，那么load事 2008-11-19 JavaScript 秩名 IT起步网几种流行的AJAX框架jQuery,Mootools,Dojo,Ext JS的对比 [转] /js/200811/19-6463.html 来源:http://www.maycode.com/      joomla开源天空 AJAX是web20的基石，现在网上流行几种开源的AJAX框架，比如：jQuery,Mootools,Dojo,Ext JS等等，那么我们到底在什么情况下该使用那个框架？以下是一组摘抄的数据： Ajaxian在2007年底对Ajax工具进行了 2008-11-19 JavaScript 秩名 IT起步网 [JavaScript][转]offsetParent和parentElement的区别 /js/200811/19-6462.html 一直以为offsetParent和parentElement是一回事，最近在做web控件才发现原来的理解是大错特错。    parentElement 在msdn的解释是Retrieves the parent object in the object hierarchy.    而offsetParent在msdn的解释是Retrieves a reference to the c 2008-11-19 JavaScript 秩名 IT起步网 javascript如何创建浮动层 /js/200811/19-6458.html <html xmlns="http://www.w3.org/1999/xhtml"> <head>     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />     <title>创建 2008-11-19 JavaScript 秩名 IT起步网 js学习:仿163网盘无刷新文件上传系统 /js/200811/18-6402.html 这个仿163网盘无刷新文件上传系统，并没有用使用.net的控件，完全的手工制作。前台基本上是静态的，跟后台没有关系，所以后台用什么语言做都可以（后面有各个版本的实例下载）。　　本来觉得这个系统会很复杂，但把每个部分都分析清楚后，其实需要的技术并不高。不过当我把 2008-11-18 JavaScript 秩名 IT起步网 JavaScript实现日期联动选择器 /js/200811/18-6401.html 　一个日期联动选择器，年月日联动显示，准确显示日期（包括闰年日期），可自定义日期范围。　　效果预览：　　你选择的日期：2008/11/17 　　程序说明　　【select】　　先说清空一个select，最简单的方法是把options的length设为0就可以了： 2008-11-18 JavaScript 秩名 IT起步网 js + .Net实现图片切割 /js/200811/18-6400.html 本文示例源代码或素材下载　　上一阵子做过一个JavaScript 图片切割效果，得到很多人关注。其中有很多人向我询问如何做一个真正的图片切割（裁剪），这里需要声明一下：　　首先js是不能操作客户端文件的（除非特殊情况），所以图片的切割必须在后台处理，对于客户端的图 2008-11-18 JavaScript 秩名 IT起步网 javascript混合的构造函数/原型方式 /js/200811/18-6399.html 　即用构造函数定义对象的所有飞函数属性，用原型方式定义对象的函数属性(方法)。 <script type="text/javascript"> 　　debugger; 　　function Car(sColor, iDoors, iMpg) { 　　　　this.color = sColor, 　　　　this. 2008-11-18 JavaScript 秩名 IT起步网深入理解Javascript闭包 /js/200811/18-6398.html 最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。　　一、什么是闭包？　　“官方”的解释是： 2008-11-18 JavaScript 秩名 IT起步网 JavaScript : 使用面向对象的技术创建高级 Web 应用程序 /js/200811/18-6397.html 本文讨论: 　　JavaScript 是基于原型的语言　　用 JavaScript 进行面向对象的编程　　JavaScript 编码技巧　　JavaScript 的未来　　本文使用了以下技术: 　　JavaScript 目录　　JavaScript 对象是词典　　JavaScript 函数是最棒的　　构造函数而不 2008-11-18 JavaScript 秩名 IT起步网 MooTools教程(15):滚动条(Slider) /js/200811/16-6306.html 到现在为止，初始化这些MooTools插件对象就会开始变得越来越熟悉。滚动条（Slider）没有任何不同，你要创建一个新的滚动条，定义滚动条和滑块相关的元素，然后设置你的选项，再创建一些回调事件的控制函数。尽管滚动条（Slider）遵循这个熟悉的模式，但是任然还有一点特殊的 2008-11-16 JavaScript 秩名 IT起步网 MooTools教程(14):定时器和Hash对象 /js/200811/16-6305.html 在今天的教程中，我们将关注两块内容：第一个就是.periodical();方法，然后我们再对hash做一个简介。定时器能比它表面看起来做更多的事情——定时能定期地触发一个函数。另一方面，hash则是键值对（key/value）的集合。如果你对hash还不熟悉现在也不要着急—& 2008-11-16 JavaScript 秩名 IT起步网 MooTools教程(13):正则表达式 /js/200811/16-6304.html 今天我们将先简要地看一下正则表达式，然后再看一下MooTools提供的一些让正则表达式更容易使用的功能。如果你还不熟悉怎么使用正则表达式（regular expression（regex）），我强烈建议你花一定量的时间好好看一下这篇文章中的一些链接，尤其是文章结尾“更多学习” 2008-11-16 JavaScript 秩名 IT起步网 MooTools教程(12):Drag.Move来实现拖放 /js/200811/16-6303.html 今天我们开始第十二讲，今天我们将仔细看一下Drag.Move——一个很强大的MooTools类，它可以让你给你的web应用添加拖放功能。它的使用和我们见过的其他的插件类似：首先你使用“new”关键字来创建一个Drag.Move对象并赋值给一个变量，然后你再定义你的选 2008-11-16 JavaScript 秩名 IT起步网 MooTools教程(11):Fx.Morph、Fx选项和Fx事件 /js/200811/16-6302.html 今天，我们继续探索一下这个库的Fx部分，我们将学习如何使用Fx.Morph（它从本质上可以让你同时渐变多个样式表属性），然后我们再检查一下应用到Fx.Tween和Fx.Morph的一些Fx选项，最后我们将看看如何使用Fx事件，譬如“onComplete”和“onStart”。通过这 2008-11-16 JavaScript 秩名 IT起步网 MooTools教程(10):Fx.Tween渐变 /js/200811/16-6301.html 今天我们开始第三讲，我们今天主要看一下Fx.Tween。和我们看到的其他的MooTools函数一样，这些方法使用起来都非常简单，但是功能都很强大。Tween可以让你添加那些极“炫”的效果——可以很平滑地发生形变动画，从而改善你的用户体验。 Tween的快捷方法 2008-11-16 JavaScript 秩名 IT起步网 MooTools教程(9):输入过滤-字符串 /js/200811/16-6300.html 今天我们来看一看MooTools给我们提供的额外的一些处理字符函数。这只是MooTools字符串处理中的一部分，并不包含一些神秘的函数（比如toCamelCase()）和使用正则表达式处理字符串的函数。我们会在以后另外用一讲来将一下正则表达式的基本知识和在MooTools下的使用。在开始之 2008-11-16 JavaScript 秩名 IT起步网 MooTools教程(8):输入过滤-数字 /js/200811/15-6299.html 今天我们来看看MooTools是怎样使得过滤用户输入变得非常轻松。我们今天将讲一些基本的数字过滤，明天再更深入地讲讲字符串过滤。注意：JavaScript中的输入过滤只是为了保证（客户端）代码顺利执行，并不能替代服务器端的字符串过滤来保护你的应用程序不被注入攻击。在第 2008-11-15 JavaScript 秩名 IT起步网浏览器对Cookie的限制 /js/200811/15-6298.html 原文地址：Browser cookie restrictions 我一直在为我接下来的一本书做一些关于cookie的研究，在这个过程中我碰到了一些关于浏览器处理cookie的有意思的事情。我从寻找浏览器允许每个域保存的cookie个数开始。这个结果很有趣：微软表示，Internet Explorer 8增加了 2008-11-15 JavaScript 秩名 IT起步网深入理解Javascript闭包(closure) /js/200811/15-6297.html 最近在网上查阅了不少Javascript闭包(closure)相关的资料，写的大多是非常的学术和专业。对于初学者来说别说理解闭包了，就连文字叙述都很难看懂。撰写此文的目的就是用最通俗的文字揭开Javascript闭包的真实面目。　　一、什么是闭包？　　“官方”的解释是： 2008-11-15 JavaScript 秩名 IT起步网 JavaScript变量转换小结 /js/200811/15-6295.html 一、JavaScript中的特殊数值　　数值                     含义　　Infinify             &nb 2008-11-15 JavaScript 秩名 IT起步网 MooTools教程(7):设置和获取样式表属性 /js/200811/11-6136.html 欢迎开始这一系列的教程的第七讲。今天，我们来看一下如何通过MooTools 1.2和我们以前几讲中的内容来操作样式，这将给你在UI上带来很大的控制权。处理样式非常简单，不过今天我们要做一些调整。例如，我们要介绍键值对（key-value pair）对象。我们也会讲到在domready之外来 2008-11-11 JavaScript 秩名 IT起步网 MooTools教程(6):操纵HTML DOM元素 /js/200811/11-6135.html 我们已经学习过如何来选取DOM元素，怎么创建数组，怎么创建函数，怎么把事件添加到元素，今天我们来深入地学习一下如果操纵HTML元素。通过MooTools 1.2，你可以添加新元素到一个HTML页面中，也可以删除元素，以及改变任何样式或者元素参数，这些都非常容易。基本方法 .get 2008-11-11 JavaScript 秩名 IT起步网 MooTools教程(5):事件处理 /js/200811/11-6134.html 今天我们开始第五讲，在上一讲（《Mootools 1.2教程(4)——函数》）中，我们学习了在MooTools 1.2中建立和使用函数的几种不同方式。下一步就是理解事件了。和选择器类似，事件也是建立互动界面的一个重要部分。一旦你掌握了一个元素，你需要去决定什么行为来触发什 2008-11-11 JavaScript 秩名 IT起步网 MooTools教程(4):函数和MooTools /js/200811/11-6133.html 今天开始MooTools系列教程的第4讲。如果你还没有看过上一讲，请先查看上一篇教程《Mootools 1.2教程(3)——数组使用简介》。今天我们先不讲MooTools，而是讲一讲JavaScript中的函数（function）的基本知识。但是，为了符合MooTools这个主题，你需要知道在哪里该 2008-11-11 JavaScript 秩名 IT起步网 MooTools教程(3):数组管理DOM元素 /js/200811/11-6132.html 在上一篇教程——《Mootools 1.2教程(2)——DOM选择器》中，我们介绍了一下选择器，其中有很多方法就会返回数组（一个你可以对其中内容进行多种操作的特殊列表）。今天，我们在来看看如何使用数组来管理DOM元素。基本方法 .each(); 在处理数组时，. 2008-11-11 JavaScript 秩名 IT起步网 MooTools教程(2):DOM选择器 /js/200811/11-6131.html 如果你还没有准备好，请先阅读上一篇《Mootools 1.2教程(1)——MooTools介绍》。我们讲了怎么引用MooTools 1.2以及怎么在domready里面调用你的脚本。今天开始本系列教程的第2讲。在这一讲中，我们会学习几种选择HTML元素的方法。在许多方面，这是MooTools用得最 2008-11-11 JavaScript 秩名 IT起步网 MooTools教程(1):认识MooTools /js/200811/11-6130.html 有人最近要求我们写一个关于MooTools 1.2的30天的教程，这似乎也是个很不错的主意，于是我们决定现在就开始。在这些教程中，我们假设用户没有任何MooTools或者是JavaScript经验，但是至少有基本的HTML和CSS知识。 MooTools 1.2 JavaScript库介绍 MooTools 1.2是个强大的轻 2008-11-11 JavaScript 秩名 IT起步网 JS的IE和FF兼容性问题汇总 /js/200811/04-5741.html 以下以 IE 代替 Internet Explorer，以 MF 代替 Mozzila FF 1. document.form.item 问题现有问题：现有代码中存在许多 document.formName.item("itemName") 这样的语句，不能在 MF 下运行解决方法：改用 document.formName.elements["elementName" 2008-11-04 JavaScript 秩名 IT起步网 js实现为table添加行 /js/200811/04-5740.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> < 2008-11-04 JavaScript 秩名 IT起步网页面彈出各种窗口詳解 /js/200810/31-5588.html 一、基本变化 <SCRIPT LANGUAGE="javascript">  </SCRI 2008-10-31 JavaScript 秩名 IT起步网让google的JS广告代码不影响加载速度 /js/200810/31-5587.html 做一些联盟广告时，由于联盟广告的加载慢，整体页面的显示速度也会变慢，从而影响用户体验，如果加入下面的代码就可以有效地解决这个问题。第一步：把这段代码放在你要放广告的网页位置： <SPAN id=ad_01>广告载入中...</SPAN>  第二步：把这段代码放 2008-10-31 JavaScript 秩名 IT起步网百度源代码里的精妙javascript图片大小处理函数 /js/200810/31-5586.html   <script language=Javascript> var proMaxHeight = 150; var proMaxWidth = 110; function proDownImage(ImgD){       var image=new Image();    &nbsp 2008-10-31 JavaScript 秩名 IT起步网可以用javascript实现的10种图片特效 /js/200810/31-5584.html 一般来说，我们在写博客或做网站时都需要对插图做一些效果，比如增加阴影、图片圆角、倒映等等。这些效果一般可以用3个方法实现，一是用PS实现对图片进行修改，二是使用CSS，三是使用JavaScript。使用PS会破坏原图，而且要花费一定的时间。Netzgesta上有很多实现图片特效的Ja 2008-10-31 JavaScript 秩名 IT起步网 jQuery 操作表单的一些有用例子 /js/200810/14-4786.html jquery取得text,areatext,radio,checkbox,select的值,以及其他一些操作; 1.假如我们有如下页面 <input type="text" name="textname" id="text_id" value=""> <!--其余的请自行添加.重要的是要有TYPE.NAME.ID等,一般情况 2008-10-14 JavaScript 秩名 IT起步网兼容IE和Firefox的设为首页和收藏的Javascript代码 /js/200810/14-4758.html function addCookie() {  if (document.all)     {        window.external.addFavorite('http://www.carzymusic.com','疯狂音乐网');     } &nbsp 2008-10-14 JavaScript 秩名 IT起步网 Ext.data-DataReader/ArrayReader/JsonReader/XmlReader /js/200810/13-4717.html Ext.data.DataReader 纯虚类,从数据源得到结构化数据转换为元数据对象,对象包含Record的集合,一般用做Store对象的元数据, 具有如下格式 { totalRecord:int, records:Array of Ext.data.Record } 具体使用参见三个子类 Ext.data.ArrayReader/Ext.data.JsonReader/Ext.data.Xml 2008-10-13 JavaScript 秩名 IT起步网 Ext.data-DataProxy/ HttpProxy/ MemoryProxy/ ScriptTagProxy /js/200810/13-4715.html Ext.data.DataProxy 数据代理类是一个纯虚类，主要用于生成Ext.data.Record对象，没有公开的属性和方法，只是归定子类需要处理三个事件 beforeload : ( Object This, Object params ) load : ( Object This, Object o, Object arg ) loadexception : ( Object This, Object o 2008-10-13 JavaScript 秩名 IT起步网 Ext.data- Connection/Ajax/Record /js/200810/13-4714.html Ext.data.Connection 访问指定的url,这是个异步调用类,如果想得到服务器信息,请在request参数中指定callback方法或指定侦听者(对文件上传无效) Connection( Object config ) 构造,config定义为{  autoAbort : Boolean,  defaultHeaders : Object,  disableCa 2008-10-13 JavaScript 秩名 IT起步网 EXT核心API详解(七)-Ext.KeyNav / KeyMap / JSON / Format / DelayedTask / TaskRunne /js/200810/13-4713.html Ext.KeyNav Ext的keyNav类能为Ext.Element元素提供简单的按键处理方法例: var el=Ext.get("textarea"); new Ext.KeyNav(el, {     "left" : function(e){         alert("left key down"); &nb 2008-10-13 JavaScript 秩名 IT起步网 EXT核心API详解(六)-Ext.Fx /js/200810/13-4712.html Ext.Fx类对于我这样的懒鬼而言，Fx类是核心类库中最激动人心的一个类，它不是最重要的，却是最实用的一个类定义了一些常用的特效方法,不妨自己多动手试试下面的方法，很有趣的 fadeIn( [Object options] ) : Ext.Element 渐显 options参数有以下属性 callback:Function&nb 2008-10-13 JavaScript 秩名 IT起步网 EXT核心API详解(五)-Ext.EventManager/ EventObject/ CompositeElement/ CompositeEle /js/200810/13-4711.html Ext.EventManager 事件管理者中的大部分方法都在Ext中有定义,主要用于事件管理 addListener( String/HTMLElement el, String eventName, Function handler, on( String/HTMLElement el, String eventName, Function handler, [Object scope], [Object options] ) : void on 2008-10-13 JavaScript 秩名 IT起步网 EXT核心API详解(四)-Ext.DomQuery/DomHelper/Template /js/200810/13-4710.html Ext.DomQuery类 selector语法详见Ext类 compile( String selector, [String type] ) : Function 编写一个选择器或xpath查询到一个方法以方便重用,type取select(默认)或simple值之一 filter( Array el, String selector, Boolean nonMatches ) : Array 过滤el中的元素,保留 2008-10-13 JavaScript 秩名 IT起步网 EXT核心API详解(三)-Ext.Element /js/200810/13-4709.html Ext.Element类 Element( String/HTMLElement element, [Boolean forceNew] ) 由id或DOM节点创建Element对象 Element.fly( String/HTMLElement el, [String named] ) : Element 由id或DOM节点创建一个全局共享的活动元素,可由named命名以避免可能的冲突 Element.ge 2008-10-13 JavaScript 秩名 IT起步网 EXT核心API详解(二)-Array/Date/Function/Number/String /js/200810/13-4708.html Array类 indexOf( Object o ) : Number object是否在数组中,找不到返回-1;找到返回位置 remove( Object o ) : Array 从数组中删除指定的对象object,如果找不到object则数组无变化 Number类 constrain( Number min, Number max ) : Number 检查数值是否介于min与max 2008-10-13 JavaScript 秩名 IT起步网 EXT核心API详解(一) /js/200810/13-4707.html Ext类 addBehaviors( Object obj ) : void 对选择的元素应用事件侦听器,事件名以@附加在结尾,例如 addBehaviors({    // id=foo下所有的a标签加入click事件    '#foo a@click' : function(e, t){        // do som 2008-10-13 JavaScript 秩名 IT起步网喜讯:微软完全支持jQuery /js/200810/10-4220.html jQuery 是个轻量级的开源JavaScript库（只有15kb大），在相当短的时间内，已经成为网上最受欢迎的JavaScript库之一。 jQuery如此受欢迎，有很大一部分是因为它允许你用最少数量的代码就能非常优雅地（且非常有效地）找出和操作HTML元素。jQuery是通过一个非常棒的“sel 2008-10-10 JavaScript 秩名 IT起步网 javascript 常用技巧集锦 /js/200810/09-4140.html 1.document.write( " "); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document- >html- >(head,body) 4.一个浏览器窗口中的DOM顺序是:window- >(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElemen 2008-10-09 JavaScript 秩名 IT起步网 IT学习:自动滚屏右键暂停效果 /js/200810/09-4101.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Con 2008-10-09 JavaScript 秩名 IT起步网 thickbox遮罩层的的使用 /js/200810/08-4038.html ThickBox 是基于 jQuery 用 JavaScript 编写的网页UI对话窗口小部件. 它可以用来展示单一图片, 若干图片, 内嵌的内容, iframed的内容, 或以 AJAX 的混合 modal 提供的内容. 查看实例演示特性: ThickBox 是用超轻量级的 jQuery 库编写的. 压缩过 jQuery 库只15k, 未 2008-10-08 JavaScript 秩名 IT起步网直接在页面上显示Extjs日期控件 /js/200810/08-4037.html 这个例子告诉我们如何在页面上的文本框(text)绑定日期控件，这样做有个好处是可以很方便给日期始化一个值.   Ext.onReady(function(){        &n 2008-10-08 JavaScript 秩名 IT起步网 Extjs实现类似confirm的对话框 /js/200810/08-4036.html <SCRIPT type=text/javascript>        function showinfo()        {            Ext.MessageBox.confirm('请确 2008-10-08 JavaScript 秩名 IT起步网 EXt2.0 + jsp 分页 /js/200810/08-4035.html   Ext.onReady(function(){ var sm = new Ext.grid.CheckboxSelectionModel(); var cm = new Ext.grid.ColumnModel([     new Ext.grid.RowNumberer(),     sm,         {header:'编号',dat 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之与服务器交互 /js/200810/08-4034.html 在实际的应用中，表格中的数据一般都是直接存放在数据库表或服务器的文件中。因此，在使用表格控件的时候经常需要与服务器进行交互。ExtJS使用Ajax方式提供了一套与服务器交互的机制，也就是可以不用刷新页面，就可以访问服务器的程序进行数据读取或数据保存等操作。  & 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之可编辑表格EditorGridPanel /js/200810/08-4033.html 可编辑表格是指可以直接在表格的单元格对表格的数据进行编辑，ExtJS中的可编辑表格由类Ext.grid.EditorGridPanel表示，xtype为editorgrid。使用EditorGridPanel与使用普通的GridPanel方式一样，区别只是在定义列信息的时候，可以指定某一列使用的编辑即可，下面来看一个简单 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之基本表格GridPanel /js/200810/08-4032.html ExtJS中的表格功能非常强大，包括了排序、缓存、拖动、隐藏某一列、自动显示行号、列汇总、单元格编辑等实用功能。         表格由类Ext.grid.GridPanel定义，继承自Panel，其xtype为grid。ExtJS中，表格Grid必须包含列定义信息，并指定 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之table布局及其它布局 /js/200810/08-4031.html Table布局由类Ext.layout.TableLayout定义，名称为table，该布局负责把容器中的子元素按照类似普通html标签。 Ext.onReady(function(){  var panel=new Ext.Panel({ renderTo:"hello", title:"容器组件&quot 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之Card布局 /js/200810/08-4030.html Card布局由Ext.layout.CardLayout类定义，名称为card，该布局将会在容器组件中某一时刻使得只显示一个子元素。可以满足安装向导、Tab选项板等应用中面板显示的需求。看下面的代码： Ext.onReady(function(){  var panel=new Ext.Panel({ renderTo:"hello", t 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之Accordion布局 /js/200810/08-4029.html Accordion布局由类Ext.layout.Accordion定义，名称为accordion，表示可折叠的布局，也就是说使用该布局的容器组件中的子元素是可折叠的形式。来看下面的代码: Ext.onReady(function(){  new Ext.Panel({ renderTo:"hello", title:"容器组件&qu 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之Form布局 /js/200810/08-4028.html Form布局由类Ext.layout.FormLayout定义，名称为form，是一种专门用于管理表单中输入字段的布局，这种布局主要用于在程序中创建表单字段或表单元素等使用。看下面的代码： Ext.onReady(function(){  new Ext.Panel({ renderTo:"hello", title:&quot 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之Fit布局 /js/200810/08-4027.html Column列布局由Ext.layout.ColumnLayout类定义，名称为column。列布局把整个容器组件看成一列，然后往里面放入子元素的时候，可以通过在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。columnWidth表示使用百分比的形式指定列宽度，而width则是使用绝对象素的 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之Column列布局 /js/200810/08-4026.html Column列布局由Ext.layout.ColumnLayout类定义，名称为column。列布局把整个容器组件看成一列，然后往里面放入子元素的时候，可以通过在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。columnWidth表示使用百分比的形式指定列宽度，而width则是使用绝对象素的 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之Border区域布局 /js/200810/08-4025.html Border布局由类Ext.layout.BorderLayout定义，布局名称为border。该布局把容器分成东南西北中五个区域，分别由east，south, west，north, cente来表示，在往容器中添加子元素的时候，我们只需要指定这些子元素所在的位置，Border布局会自动把子元素放到布局指定的位置。看下 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之布局概述 /js/200810/08-4024.html 所谓布局就是指容器组件中子元素的分布、排列组合方式。Ext的所有容器组件都支持而局操作，每一个容器都会有一个对应的布局，布局负责管理容器组件中子元素的排列、组合及渲染方式等。         ExtJS的布局基类为Ext.layout.ContainerLay 2008-10-08 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之对话框 /js/200810/08-4023.html 由于传统使用alert、confirm等方法产生的对话框非常古板，不好看。因此，ExtJS提供了一套非常漂亮的对话框，可以使用这些对话框代替传统的alert、confirm等，实现华丽的应用程序界面。 Ext的对话框都封装在Ext.MessageBox类，该类还有一个简写形式即Ext.Msg，可以直接通过Ext 2008-10-08 JavaScript 秩名 IT起步网 Tutorial:DomQuery Basics(DomQuery的基础) /js/200810/07-4017.html DomQuery基础 DomQuery的select函数有两个参数。第一个是选择符字符（selector string ）而第二个是欲生成查询的标签ID(TAG ID)。本文中我准备使用函数“Ext.query”但读者须谨记它是“Ext.DomQuery.select()”的简写方式。这是要入手的html： &nbsp 2008-10-07 JavaScript 秩名 IT起步网 Tutorial:Application Layout for Beginners (布局的初级入门) /js/200810/07-4016.html 前准备本教程假设你已经安装好ExtJS库。安装的目录是extjs 并位于你程序的上一级目录。如果安装在其它地方你必须更改路径，更改示例文件中script标签的src的属性。需要些什么？除ExtJS库本身外，我们还需要两个文件： applayout.html applayout.js 先看看一份html文 2008-10-07 JavaScript 秩名 IT起步网 Manual:Core:Working with JSON (EXT 与json的交互) /js/200810/07-4015.html JSON处理方法有一段JavaScript如下：   view plaincopy to clipboardprint? var obj = {        prop1: "a0~`!@#$%^&*()-_+={}[]|\:;"',.?/",    &nbsp 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext 第七天-View&JSONView Part Two-一个画室网站的案例 /js/200810/07-4013.html 之前在Part 1简单介绍了Veiw和JSONView。今天这里小弟为大家说说应用的案例，原本Jack的Image Chooser是一个非常好的案例，当中包含Jack大量的奇技淫巧，不过正因为这样，过于深奥，小弟我亦不能全盘吃透，只挑其“勃大茎深”之处，与君共勉之！本文包含四大知识 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext 第七天--关于View&JSONView /js/200810/07-4012.html 展现一条一条的二维关系的数据，我们可以使用GIRD组件。但有些场合，如产品展示，画册，我们可以使用View组件，来展示“矩阵”式的数据。 View的数据源来自DataModel对象，即包含XMLDataModel和JSONDataModel。尽管View支持JSON,但如果不是用于DataModel，View的 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext 第六天--关于树TreePanel(Part 2异步获取节点) /js/200810/07-4011.html 下面将介绍如何异步取一棵树的所有节点，具体做法与官方同步取节点有很大不同，尤其在json的id属性上，下面是我一些摸索，可能不是最佳方案，有待大家一起研究。异步取节点的思路是这样的： 1、先定义一个初始化节点（也可以不定义，看个人需求） 2、yui-ext根据该节点id 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext 第六天--关于树TreePanel(Part 1) /js/200810/07-4010.html 树组件是YUI.Ext 0.40 新增的组件。一、加载一个同步Tree: var TreeTest = function(){ var Tree = YAHOO.ext.tree;// 快捷方式 return { init : function(){ var tree = new Tree.TreePanel('tree_div', {//需要一个tree_div的holder animate:true, //是否动画 loade 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext 第五天--Grid组件的简易分页 /js/200810/07-4009.html 读者应先下载本例涉及的示范代码。这里是一个已经完成好的例子。 Grid数据 Grid的分页必须依靠服务端（Server Side）来划分好每一页的数据才可以完成。本例中的服务端事PHP,数据库是MySQL，用来导出一些随机的数据。下列脚本的作用是，获取我们想要的数据，同时这些数据 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext第四天--开始使用Grid /js/200810/07-4008.html 概述: 本教程将以XML为数据源，带你进入Grid的世界。本文涉及的范例代码，可以在这里下载。一个完成好的例子可在这里找到。步骤一定义数据(Data Definition) 首先要让Grid知道XML文档定义了每一行是什么数据。正如所见，我们命名了"item"在下面的XML样本中 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext 第三天:EXT:Menu组件 /js/200810/07-4007.html 概述: 讲讲如何使用Ext菜单器件这篇教程中，我们将学习使用Ext的菜单器件（Menu Widgets)。假设读者已经阅读过Ext简介一文，并懂得一些Ext的基本相关知识。菜单器件是Ext库中较迟实现的器件。它由几个类联合构成，使得创建一个菜单只需若干代码块（Block of code）。开 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext 第二天:EXT简介（二） /js/200810/07-4006.html 使用Widgets (Widget原意为“小器件”，现指页面中UI控件) 除了我们已经讨论过的核心Javascrīpt库，现在的Ext亦包括了一系列的最前端的JavaScirptUI组件库。文本以一个最常用的widget为例子，作简单的介绍。 MessageBox 比起略为沉闷的“HelloWolrd&rd 2008-10-07 JavaScript 秩名 IT起步网学习YUI.Ext 第一天:EXT简介(一) /js/200810/07-4004.html 无论你是Ext库的新手，抑或是想了解Ext的人，本篇文章的内容都适合你。本文将简单地介绍Ext的几个基本概念，和如何快速地做出一个动态的页面并运行起来，假设读者已具备了一些JavaScript经验和初级了解HTML Dom。否则的话，请从阅读初学JavaScript资源开始。下载Ext 如果 2008-10-07 JavaScript 秩名 IT起步网 EXTJS 中文手册 - 开发人员必备 /js/200810/07-4003.html 开发人员必备的中文手册，站长严重推荐。EXT 中文手册由 pjq 收集整理。在此非常感谢pjq为大家所作的项献。如果大家想要API中文版，请查看本站另一篇文章 Ext 2.0中文API(最新版) 首页截图：   2008-10-07 JavaScript 秩名 IT起步网 Ext 2.0中文API(最新版) /js/200810/07-4002.html 在國內最早漢化的ExtJs的站點 ajaxjs.com 上發現這麼一個好東西，不敢獨享，現把它放在首頁並置頂！预览： http://www.ajaxjs.com/docs/ AIR版文档中心下载： http://www.ajaxjs.com/docs/Ext 2 API Documentation.zip ~3MB 要求：Adobe AIR虚拟机 v1.1或以上下载地址 2008-10-07 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之窗口分组 /js/200810/06-3906.html 窗口是分组进行管理的，可以对一组窗口进行操作，默认情况下的窗口都在默认的组 Ext.WindowMgr中。窗口分组由类Ext.WindowGroup定义，该类包括bringToFront、getActive、 hideAll、sendToBack等方法用来对分组中的窗口进行操作。　　看下面的代码： var i=0,mygroup; fun 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之窗口基本应用 /js/200810/06-3905.html ExtJS中窗口是由Ext.Window类定义，该类继承自Panel，因此窗口其实是一种特殊的面板Panel。窗口包含了浮动、可拖动、可关闭、最大化、最小化等特性。看下面的代码： var i=0; function newWin() { var win=new Ext.Window({title:"窗口"+i++, width:400, 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之视图区ViewPort /js/200810/06-3904.html 在前面的示例中，为了显示一个面板，我们需要在页面上添加一个div，然后把 Ext控件渲染到这个div上。ViewPort代表整个浏览器显示区域，该对象渲染到页面的body区域，并会随着浏览器显示区域的大小自动改变，一个页面中只能有一个ViewPort实例。看下面的代码： Ext.onReady( 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之工具栏Toolbar /js/200810/06-3903.html 面板中可以有工具栏，工具栏可以位于面板顶部或底部，Ext中工具栏是由Ext.Toolbar类表示。工具栏上可以存放按钮、文本、分隔符等内容。面板对象中内置了很多实用的工具栏，可以直接通过面板的tools配置选项往面板头部加入预定义的工具栏选项。比如下面的代码： Ext.onReady 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之Panel /js/200810/06-3902.html 面板Panel是ExtJS控件的基础，很高级控件都是在面板的基础上扩展的，还有其它大多数控件也都直接或间接有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式形成。面板由以下几个部分组成，一个顶部工具栏、一个底部工具栏、面板头部、面板尾部、面板主区域 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之事件处理 /js/200810/06-3901.html ExtJS提供了一套强大的事件处理机制，通过这些事件处理机制来响应用户的动作、监控控件状态变化、更新控件视图信息、与服务器进行交互等等。事件统一由Ext.EventManager对象管理，与浏览器W3C标准事件对象Event相对应，Ext封装了一个Ext.EventObject事件对象。支持事件处理 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之组件的配置属性 /js/200810/06-3900.html   在ExtJS中，除了一些特殊的组件或类以外，所有的组件在初始化的时候都可以在构造函数使用一个包含属性名称及值的对象，该对象中的信息也就是指组件的配置属性。比如配置一个面板： new Ext.Panel({ title:"面板", html"面板内容", height:10 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之组件的使用 /js/200810/06-3899.html 组件可以直接通过new 关键子来创建，比如控件一个窗口，使用new Ext.Window()，创建一个表格则使用new Ext.GridPanel()。当然，除了一些普通的组件以外，一般都会在构造函数中通过传递构造参数来创建组件。组件的构造函数中一般都可以包含一个对象，这个对象包含创建组件所 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之ExtJS的组件 /js/200810/06-3898.html Ext2.0对框架进行了非常大的重构，其中最重要的就是形成了一个结构及层次分明的组件体系，由这些组件形成了Ext的控件，Ext组件是由 Component类定义，每一种组件都有一个指定的xtype属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。 ExtJS中的组件体系 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之Ext类库简介 /js/200810/06-3897.html ExtJS由一系列的类库组成，一旦页面成功加载了ExtJS库后，我们就可以在页面中通过javascript调用ExtJS的类及控件来实现需要的功能。ExtJS的类库由以下几部分组成：底层API(core)：底层API中提供了对DOM操作、查询的封装、事件处理、DOM查询器等基础的功能。其它控件都是建立 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之ExtJS版的Hello /js/200810/06-3896.html 下面我们写一个最简单的ExtJS应用，在hello.html文件中输入下面的代码：  <html xmlns="http://www.w3.org/1999/xhtml" >  <head>  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之应用ExtJS /js/200810/06-3895.html 　应用extjs需要在页面中引入extjs的样式及extjs库文件，样式文件为resources/css/ext-all.css，extjs的js库文件主要包含两个，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基础库，ext-all.js是extjs的核心库。adapter表示适配器，也就是说可以有多种适配 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之获得ExtJS /js/200810/06-3894.html 要使用ExtJS，那么首先要得到ExtJS库文件，该框架是一个开源的，可以直接从官方网站下载，网址http://extjs.com/download，进入下载页面可以看到大致如图xxx所示的内容，可以选择选择1.1或2.0版本，本教程使用的2.0版本。   图1-1 ExtJs不同版本下载选择页面　 2008-10-06 JavaScript 秩名 IT起步网《ExtJS2.0实用简明教程》之ExtJS简介 /js/200810/06-3893.html ExtJS是一个Ajax框架，是一个用javascript写的，用于在客户端创建丰富多彩的web应用程序界面。ExtJS可以用来开发RIA也即富客户端的AJAX应用，下面是一些使用ExtJS开发的应用程序截图： (wlr的blog应用) (ExtJS的表格控件) (不同主题的ExtJS弹出框效果) 　　ExtJS 2008-10-06 JavaScript 秩名 IT起步网 event.currentTarget和document.activeElement /js/200810/01-3317.html firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。大家在google搜索的时候都会发现 document.activeElement || event.currentTarget 的用法。其实这样的用法是错误的，因为这两个属性的 2008-10-01 JavaScript 秩名 IT起步网 Javascript图片特效代码 /js/200809/27-3275.html 下面推荐给大家的这10款图片展示代码可以说是各有亮点，视觉上给我们很强的冲力力。网友可以下载来玩玩！相关文章：JavaScript图片特效代码下载　　JS是 Java Script 的简写，是用JAVA脚本写的代码。　　比如说在做网站的时候，插入一段JS代码就可以调用JS代码里面的内 2008-09-27 JavaScript 秩名 IT起步网 javascript变量作用域在不同浏览器的处理 /js/200809/27-3274.html 1.关于prototype:这里prototype是javascript的一个特性，不是那个有名的prototype框架: <script type="text/javascript"> var string="hello world"; try{   alert(string.phone()); }catch(e){alert(e 2008-09-27 JavaScript 秩名 IT起步网 JQUERY新手学习笔记(九) /js/200809/26-3135.html JQUERY新手学习笔记(九) 朋友们，最近有点忙，所以更新有点慢，不过没关心，我们继续我们的JQUERY学习，希望在学习其间要坚持天天必学，在于精而不是多。好了，我们上次说到JQUERY的DOM操作方法，不知道大家学得怎么样，学得不好没关系，我们后面的学习会继续用到DOM的操作 2008-09-26 JavaScript 秩名 IT起步网 jquery选择body中的title标记时的异常情况 /js/200809/26-3134.html jQuery的选择器，在选择body中出现的title标记时，会出现和预期不同的效果，测试代码如下所示。 <html> 　 <head> 　　　 <script src="jquery-1.2.js"></script> 　　　 <script&gt 2008-09-26 JavaScript 秩名 IT起步网 jquery学习:JQuery框架介绍 /js/200809/26-3133.html jQuery是一款同prototype一样优秀js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优 秀的js效果，jQuery可以帮你达到目的！    下载地址：Starterkit （http://jquery.bassistance.de/jquery-starterki 2008-09-26 JavaScript 秩名 IT起步网选择器(selectors 的xpath语法应用) /js/200809/26-3132.html 我们根据实例来解释jquery选择器（selectors）中xpath几种常用的用法比如下面html代码 <ul> <li class="aaaa" title="ttt">li-1</li> <li class="bbbb">li-2</li> <li title="fffff">li-2&lt 2008-09-26 JavaScript 秩名 IT起步网滑动效果函数之slideDown,slideToggle和slideUp /js/200809/26-3131.html slideDown(speed,callback) 通过高度变化（向下增大）来动态地显示所有匹配的元素，在显示完成后可选地触发一个回调函数。这个动画效果只调整元素的高度，可以使匹配的元素以“滑动”的方式显示出来。这里的 speed (String|Number): (可选) 三种预定速度之一 2008-09-26 JavaScript 秩名 IT起步网渐变效果函数之fadeIn,fadeOut和fadeTo /js/200809/26-3130.html 我们来看看jquery是如何实现淡入淡出效果的. fadeOut(speed,callback) 通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触发一个回调函数。这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。 $("#fadeOut1 2008-09-26 JavaScript 秩名 IT起步网 jquery:css的操作之css,height和width /js/200809/26-3129.html 上面我们学习了jquery 的 addClass和removeClass方法下面我们来看看 css,height和width 首先我们看看 css(key, value) 和 css(name) css(key, value) 在所有匹配的元素中，设置一个样式属性的值。 css(name) 访问第一个匹配元素的样式属性。使用这个方法可以很容易地 2008-09-26 JavaScript 秩名 IT起步网 jQuery-css的操作之addClass和removeClass /js/200809/26-3128.html 面我们看看jquery对css的操作方法 addClass和removeClass addClass 为每个匹配的元素添加指定的类名。 removeClass 为每个匹配的元素移除指定的类名。 <SCRIPT LANGUAGE="JavaScript"> <!-- $(document).ready(function() {     $(& 2008-09-26 JavaScript 秩名 IT起步网 JQuery-鼠标点击事件 /js/200809/26-3127.html 面我们来看看jquery如何给 DOM 各个元素批量绑定事件 <SCRIPT LANGUAGE="JavaScript"> <!-- $(document).ready(function() {     $("div").click(function(){//$("div")就是页面中所有的 div标签   &nbsp 2008-09-26 JavaScript 秩名 IT起步网 jQuery基础教程一(ready的神奇) /js/200809/26-3125.html jQuery 是一个新型的JavaScript库. jQuery是一个简洁快速的JavaScript库，它能让你在你的网页上简单的操作文档、处理事件、运行动画效果或者添加Ajax交互。jQuery的设计会改变你写JavaScript代码的 2008-09-26 JavaScript 秩名 IT起步网 jQuery之fadeIn()调整显示或隐藏匹配对象,只调整透明度，不调整大小 /js/200809/26-3124.html 1)fadeIn(speeds)   fadeOut(speeds)  根据速度调整透明度来显示或隐藏匹配对象，注意有别于hide(speed)和show(speed)，fadeIn和fadeOut都只调整透明度，不调整大小 <img src="1.jpg" style="display:none"/><a href="# 2008-09-26 JavaScript 秩名 IT起步网 JQuery与Ajax:jQuery简化Ajax开发 /js/200809/26-3123.html jQuery是一个可以简化 JavaScript™以及AJAX（Asynchronous JavaScript + XML，异步Javascript和XML）编程的Javascript库。不同于其他的Javascript库，jQuery有他自己的哲学，使你可以很简单的编写代码。这篇文章就会带领你见识一下jQuery的哲学，探讨一下他的特性以及 2008-09-26 JavaScript 秩名 IT起步网 Javascript学习-给标签赋样式-IT起步网 /js/200809/25-3029.html Javascript学习-给标签赋样式-IT起步网 CSDN的论坛里面的那个树状菜单功能是怎么实现的。。。就是那个，如果我点ASP，右边有ASP相关的内容，并且ASP会有个背景色，我点别的也是一样，我就是要知道是怎么实现点了ASP之后有个背景色。。。这个问题困拢我很久,为了达到醒目的 2008-09-25 JavaScript 秩名 IT起步网 JavaScript使用技巧精萃 /js/200809/24-2989.html (一).确认删除用法:   1. BtnDel.Attributes.Add("onclick","return confirm('"+"确认删除?"+"')");   2. linktempDelete.Attributes["onclick"]="javascript:return  confirm('"+"确认 2008-09-24 JavaScript 秩名 IT起步网用JAVASCRIPT实现固定指定行、指定列 /js/200809/24-2988.html 一个页面如果内容太多了就会出现滚动条,我们可以通过上下,左右移动滚动条来看页面的内容,这样很方便也很实用,但是,如果这个页面中有些内容特别地重要,它必需显示出来,应该怎么办了,这个时候我们都会想到通过固定行,和列来实现这样的效果.如图所示:   我通过拉动左右 2008-09-24 JavaScript xrend IT步行网 javascript开发:各容器距离的研究 /js/200809/24-2985.html scrollLeft,scrollWidth,clientWidth,offsetWidth到底指的哪到哪的距离补充： scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之 2008-09-24 JavaScript 秩名 IT起步网 JavaScript开发：js验证日期时间 /js/200809/23-2955.html 可以通过两种方面来实现，主要是通过。NET与JAVASCRIPT的联系。方法-: function   CheckDate(strDate){     var   reg=/^(d{4})([-])(d{2})([-])(d{2})/;     if(!reg.test(strDate)){     ale 2008-09-23 JavaScript 秩名 IT起步网 javascript开发:document.all详解 /js/200809/22-2933.html 从IE4开始IE的object model才增加了document.all[],来看看document.all[]的Description: Array of all HTML tags in the document.Collection of all elements contained by the object. 也就是说document.all[]是文档中所有标签组成的一个数组变量，包括了文档对象中所有元 2008-09-22 JavaScript 秩名 IT起步网 JavaScript的9个陷阱及评点 js技巧, /js/200809/22-2919.html 1.　最后一个逗号　　如这段代码，注意最后一个逗号，按语言学角度来说应该是不错的（python的类似数据类型辞典dictionary就允许如此）。IE会报语法错误，但语焉不详，你只能用人眼从几千行代码中扫描。　　<script> 　　var theObj = { 　　city : "Boston&q 2008-09-22 JavaScript 秩名 IT起步网提供一个正则表达式的验证工具 /js/200809/20-2825.html 关键字: 正则表达式的验证工具正则表达式验证工具 ------regDog V1.40版正则表达式验证工具    ------regDog V1.40版        正则狗创建的目的是为了更好的调试正则表达式。之前为了调试正则表达式还要写一段代码运行 2008-09-20 JavaScript 秩名 IT起步网 JQUERY新手学习笔记(八) /js/200809/20-2816.html 这一节，我们来为JQUERY的DOM操作方法作个简单归纳，在前面几节我已经说了，DOM是javascript中的核心技术，我们使用JQuery的DOM操作方法可以完成元素的创建，复制，重组以及内容修饰等一系列操作，所以大家是一定得掌握好它。在jquery中主要应该学习好以下几种对DOM操作的 2008-09-20 JavaScript 秩名 IT起步网 JQUERY新手学习笔记(七) /js/200809/20-2815.html   JQUERY新手学习笔记(七) 这一节开始，我们来共同学习一下jquery的包装元素，插入脚注，和复制元素的功能。相信刚过的中秋节大家都看到了一些月饼的包装，各式各样，啥子包装都有，现实中本来就是这样，每一样东西如果我们去给它做个包装，那么也许出现在你眼前的是 2008-09-20 JavaScript 秩名 IT起步网 JQUERY新手学习笔记(六) /js/200809/20-2814.html 在javascript中我们最常用的就是DOM的，DOM可以说是贯穿了整个JAVASCRIPT，每一样技术中总有个核心，jQuery中也不例外，不是它有一个核心函数，那就是$()工厂函数。它有什么作用呢，我想大家应该知道点。可是谁能把他的所有作用都说出来吗？在这里我为大家讲解下它的部分作用 2008-09-20 JavaScript 秩名 IT起步网 JQUERY新手学习笔记(五) /js/200809/20-2813.html 在前面我们学习到了.addClass()和.removeClass()方法的作用，即.addClass()方法是创建或增加ClassName属性，而.removeClass()则是删除或缩短ClassName属性，这里我们还应该注意到.toggleClass()的作用，它就是能够交替地添加和移除一个类。     这里我们针对 2008-09-20 JavaScript 秩名 IT起步网 JQUERY新手学习笔记(四) /js/200809/20-2812.html Hello，各位，有没有等我很久了，现在我们来继续我的前途学习，上次JQUERY我们讲到了事件这知识点，当然啦，只是皮毛而已，今天我们继续讲jquery强大的事件机制。事件对象提供了一个.stopPropagation()方法,该方法可以完全阻止事件冒泡,通过event.stopPropagation()方法就可 2008-09-20 JavaScript 秩名 IT起步网最近几年最流行的几个JavaScript框架 /js/200809/20-2805.html JavaScript框架是Web应用开发新出的工具包，他们作用广泛。框架的独特之处在于允许更丰富的JavaScript编程，设计框架的初衷是为了让应用绚烂。这里收集了一 2008-09-20 JavaScript 秩名 IT起步网 JavaScipt基本教程之前言 /js/200809/10-2658.html JavaScript 参考教程　　本教程为未接触过 JavaScript 的读者提供了比较完善的初级知识，但只限于初级知识：所有与动态网页密切相关的 JavaScript 在本教程中都未提及，包括动态定位、动画、让文档接收更多事件(document.captureEvent())等；所有在 IE 及 Netscape 中有不同 2008-09-10 JavaScript 秩名 IT起步网 JavaScipt基本教程之JavaScript语言的基础 /js/200809/10-2657.html 在什么地方插入 JavaScript 　　JavaScript 可以出现在 HTML 的任意地方。使用标记<script>…</script>，你可以在 HTML 文档的任意地方插入 JavaScript，甚至在<HTML>之前插入也不成问题。不过如果要在声明框架的网页（框架网页）中插入，就一定要在 2008-09-10 JavaScript 秩名 IT起步网 JavaScipt基本教程之对象的基本知识 /js/200809/10-2656.html JavaScript 是使用“对象化编程”的，或者叫“面向对象编程”的。所谓“对象化编程”，意思是把 JavaScript 能涉及的范围划分成大大小小的对象，对象下面还继续划分对象直至非常详细为止，所有的编程都以对象为出发点，基于对象。小到一个变量 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中的Navigator浏览器对象 /js/200809/10-2655.html navigator 浏览器对象，包含了正在使用的 Navigator 的版本信息。反映了当前使用的浏览器的资料。JavaScript 客户端运行时刻引擎自动创建 navigator 对象。更详细的信息可以去查msdn或者Navigator 2.0以后的说明文档，这里我们之做个简单的说明包括一下几大属性： 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中的Screen屏幕对象 /js/200809/10-2654.html 这是基本JavaScript的屏幕对象 screen 屏幕对象反映了当前用户的屏幕设置。 width 返回屏幕的宽度（像素数）。 height 返回屏幕的高度。 availWidth 返回屏幕的可用宽度（除去了一些不自动隐藏的类似任务栏的东西所占用的宽度）。 availHe 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中的Window窗口对象 /js/200809/10-2653.html JavaScript中的Window窗口对象他是JavaScript中最大的对象，它描述的是一个浏览器窗口。一般要引用它的属性和方法时，不需要用“window.xxx”这种形式，而直接使用“xxx”。一个框架页面也是一个窗口。 Window窗口对象有如下属性： name 窗口 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中的History历史对象 /js/200809/10-2652.html JavaScript中的History历史对象包含了用户已浏览的 URL 的信息，是指历史对象指浏览器的浏览历史。鉴于安全性的需要，该对象收到很多限制，现在只剩下下列属性和方法。History历史对象有length这个属性，列出历史的项数。JavaScript 所能管到的历史被限制在用浏览器的“ 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中的Location地址对象 /js/200809/10-2651.html location 地址对象它描述的是某一个窗口对象所打开的地址。要表示当前窗口的地址，只需要使用“location”就行了；若要表示某一个窗口的地址，就使用“<窗口对象>.location”。先前写了一片用window.location.href实现刷新另个框架页面，特此我 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中的Document文档对象 /js/200809/10-2650.html Document文档对象是JavaScript中window和frames对象的一个属性,是显示于窗口或框架内的一个文档。描述当前窗口或指定窗口对象的文档。它包含了文档从<head>到</body>的内容。用法：document （当前窗口）或 <窗口对象>.document （指定窗口）属性： 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中的其他对象 /js/200809/10-2649.html anchors[]; links[]; Link 连接对象用法：document.anchors[[x]]; document.links[[x]]; <anchorId>; <linkId> 　　document.anchors 是一个数组，包含了文档中所有锚标记（包含 name 属性的<a>标记），按照在文档中的次序，从 0 开始给每个锚标记定义了 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Dictionary对象 /js/200809/10-2648.html JavaScript中Dictionary对象是存储数据键和项目对的对象。使用方法： y = new ActiveXObject("Scripting.Dictionary") Dictionary 对象等价于 PERL 联合数组。项目可以是数据的任何形式，并存储在数组中。每个项目都与一个具有唯一性的键相联。该键用于取得单 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Date对象 /js/200809/10-2647.html Date 对象是启用基本存储器并取得日期和时间。使用方法： dateObj = new Date() dateObj = new Date(dateVal) dateObj = new Date(year, month, date[, hours[, minutes[, seconds[,ms]]]]) 其中dateObj是必选项。要赋值为 Date 对象的变量名。 dateVal是必选项。如果是 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Enumerator对象 /js/200809/10-2646.html JavaScript中Enumerator对象是启用枚举集合中的项目。使用方法： enumObj = new Enumerator([collection]) 其中enumObj是必选项。要赋值为 Enumerator 对象的变量名。 collection是可选项。任意 Collection 对象。集合与数组的不同点在于集合的成员不能直接访问。不象 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Drive对象 /js/200809/10-2645.html JavaScript中Drive对象是提供对特定磁盘驱动器或网络共享属性的访问。下面的代码演示了如何用 Drive 对象访问驱动器属性： function ShowFreeSpace(drvPath) {    var fso, d, s;    fso = new ActiveXObject("Scripting.FileSystemObject") 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中File对象 /js/200809/10-2644.html JavaScript中File对象是提供对文件所有属性的访问。使用方法：下面的代码演示了如何获得 JavaScript中File对象对象以及如何查看它的一个属性。 function ShowFileInfo(filespec) {    var fso, f, s;    fso = new ActiveXObject("Scripting.Fi 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Error对象 /js/200809/10-2643.html JavaScript中Error对象是保存有关错误的信息。使用方法： var newErrorObj = new Error(    ) var newErrorObj = new Error(   number ) var newErrorObj = new Error(   number,   description ) JavaScript中Error对象的构造 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Folder对象 /js/200809/10-2642.html JavaScript中Folder对象是提供对文件夹的所有属性的访问。下面的代码演示了如何获得 Folder 对象并返回它的一个属性： function ShowFolderInfo(folderspec) {    var fso, folder, s;    fso = new ActiveXObject("Scripting.FileSystemObject&q 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中FileSystemObject对象 /js/200809/10-2641.html JavaScript中FileSystemObject对象是提供对计算机文件系统的访问。使用方法： y = new ActiveXObject ("Scripting.FileSystemObject") 下面的代码演示了如何用JavaScript中FileSystemObject对象返回可用于读或写的 TextStream 对象： var fso = new ActiveXOb 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Global对象 /js/200809/10-2640.html JavaScript中Global对象对象是是一个固有对象，目的是把所有全局方法集中在一个对象中。Global 对象没有语法。直接调用其方法。 JavaScript中Global对象从不直接使用，并且不能用 new 运算符创建。它在 Scripting 引擎被初始化时创建，并立即使其方法和属性可用。 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Function对象 /js/200809/10-2639.html JavaScript中Function对象是创建新的函数。使用方法如下：语法 1 function functionName([argname1 [, ...[, argnameN]]]) {    body } 语法 2 引用: functionName = new Function( [argname1, [... argnameN,]] body ); 其中functionName是必选项。最新 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Number对象 /js/200809/10-2638.html JavaScript中Number对象是代表数值数据类型和提供数值常数的对象。使用方法： numObj = new Number(value) 其中numobj是必选项。要赋值为 Number 对象的变量名。 value是必选项。Required. The numeric value of the Number object being created. value 参数是对象的数 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Math对象 /js/200809/10-2637.html JavaScript中Math对象是是一个固有对象，提供基本数学函数和常数。使用方法： Math.[{property | method}] 其中property是必选项。Math 对象的一个属性名。 method是必选项。Math.对象的一个方法名。 JavaScript中Math对象不能用 new 运算符创建，如果试图这样做则给出错 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中RegExp对象 /js/200809/10-2636.html JavaScript中RegExp对象是保存有关正则表达式模式匹配信息的固有全局对象。使用方法： RegExp.property 必选项property 参数是 RegExp 对象的任意一个属性。 RegExp 对象不能直接创建，但始终可以使用。在成功的正则表达式查找完成之前，RegExp 对象各属性的初始值如下所 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中Object对象 /js/200809/10-2635.html Object对象是提供所有JavaScript对象通用的功能。使用方法： obj = new Object([value]) 其中obj是必选项。要赋值为 Object 对象的变量名。 value是可选项。任意一种 JScript 基本数据类型。（Number、Boolean、或 String。）如果 value 为一个对象，返回不作改动的该对 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中正则表达式对象 /js/200809/10-2634.html 正则表达式对象是本对象包含正则表达式模式以及表明如何应用模式的标志。使用方法：语法 1 re = /pattern/[flags] 语法 2 re = new RegExp("pattern",["flags"]) 其中re是必选项。将要赋值为正则表达式模式的变量名。 Pattern是必选项。要使用的 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中VBArray对象 /js/200809/10-2633.html JavaScript中VBArray对象是提供对 Visual Basic 安全数组的访问。使用方法： varName = new VBArray(safeArray) 其中varName是必选项。要赋值为 VBArray 的变量名。 safeArray是必选项。VBArray 值。 JavaScript中VBArray对象是只读的，并且不能被直接创建。在传递给 VB 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中TextStream对象 /js/200809/10-2632.html JavaScript中TextStream对象是方便对文件的顺序访问。使用方法： TextStream.{property  | method( )} 其中property 和 method 参数可以是与 TextStream 对象相连的任何属性和方法。请注意在实际使用时，TextStream 被从 FileSystemObject 返回的代表 TextStre 2008-09-10 JavaScript 秩名 IT起步网基于对象的JavaScript语言 /js/200809/10-2631.html JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。　本讲介绍了基于对象的JavaScript中常用内部对象属性、方法的使用。虽然JavaScript语言是一门基于对象的，但它还是具有一些面向对象的基本特征。它可以根据需要创建自己的对象，从而进一 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中创建新对象 /js/200809/10-2630.html 使用JavaScript可以创建自己的对象。虽然JavaScript内部和浏览器本身的功能已十分强大，但JavaScript还是提供了创建一个新对象的方法。使其不必像超文本标识语言那样，求于或其它多媒体工具，就能完成许多复杂的工作。　　本讲介绍了用户自行创建对象的方法, 用户可根据需要 2008-09-10 JavaScript 秩名 IT起步网 JavaScript对象系统 /js/200809/10-2629.html 使用浏览器的内部对象系统, 可实现与HTML文档进行交互。它的作用是将相关元素组织包装起来，提供给程序设计人员使用，从而减轻编程人的劳动，提高设计Web页面的能力。本讲主要介绍了JavaScript对象系统的使用方法，其中重点介绍了文档对象及使用。一、浏览器对象层次及其主 2008-09-10 JavaScript 秩名 IT起步网 Javascrip中Event 的总结 /js/200809/10-2628.html 用 Javascript 实现了一个自定义的右键弹出菜单。鼠标点击事件的获取和计算是比较难点的事情。一般以为考虑兼容性（如 IE 5/6，FF），实际上还要考虑 HTML 文件在文件头的定义。而且，Event 事件和 Document 对象在 IE 和 NS 下又有各自不同的定义和用法。在这里总结一下，希 2008-09-10 JavaScript 秩名 IT起步网 JavaScript中的事件处理 /js/200809/09-2624.html 事件处理概述　　事件处理是对象化编程的一个很重要的环节，没有了事件处理，程序就会变得很死，缺乏灵活性。事件处理的过程可以这样表示：发生事件 - 启动事件处理程序 - 事件处理程序作出反应。其中，要使事件处理程序能够启动，必须先告诉对象，如果发生了什么事情，要 2008-09-09 JavaScript 秩名 IT起步网 JavaScript中的对象化编程 /js/200809/09-2623.html 关于对象化编程的语句现在我们有实力学习以下关于对象化编程，但其实属于上一章的内容了。 with 语句为一个或一组语句指定默认对象。用法： with (<对象>) <语句>; with 语句通常用来缩短特定情形下必须写的代码量。在下面的例子中，请注意 Math 的重复 2008-09-09 JavaScript 秩名 IT起步网 JavaScript框架编程 /js/200809/09-2622.html 使用JavaScript框架　　在讲述 window 对象的时候，我们提到过，一个框架内的网页也是 window 对象，也就是说，Frame 对象也是 window 对象。用最容易理解的话说，每一个 HTML 文件占用一个 window 对象，包括定义框架的网页（“框架网页”）。在 IE 里用“& 2008-09-09 JavaScript 秩名 IT起步网 JavaScript的Cookies /js/200809/09-2621.html 使用 Cookies　　我们已经知道，在 document 对象中有一个 cookie 属性。但是 Cookie 又是什么？“某些 Web 站点在您的硬盘上用很小的文本文件存储了一些信息，这些文件就称为 Cookie。”—— MSIE 帮助。一般来说，Cookies 是 CGI 或类似，比 HTML 2008-09-09 JavaScript 秩名 IT起步网解决JavaScript页面刷新与弹出窗口问题 /js/200809/03-2101.html 1.无提示刷新网页大家有没有发现，有些网页，刷新的时候，会弹出一个提示窗口，点“确定”才会刷新。而有的页面不会提示，不弹出提示窗口，直接就刷新了. 如果页面没有form，则不会弹出提示窗口。如果页面有form表单， a)< form method="post" 2008-09-03 JavaScript 秩名 IT起步网 JS教程：第四讲基于对象的JavaScript语言 /js/200808/26-1139.html JavaScript语言是基于对象的（Object-Based），而不是面向对象的（object-oriented）。之所以说它是一门基于对象的语言，主要是因为它没有提供象抽象、继承、重载等有关面向对象语言的许多功能。而是把其它语言所创建的复杂对象统一起来，从而形成一个非常强大的对象系统。 2008-08-26 JavaScript 秩名 IT起步网 JS教程：第三讲 JavaScript程序构成 /js/200808/26-1138.html JavaScript脚本语言的基本构成是由控制语句、函数、对象、方法、属性等,来实现编程的。一、程序控制流在任何一种语言中，程序控制流是必须的，它能使得整个程序减小混乱，使之顺利按其一定的方式执行。下面是JavaScript常用的程序控制流结构及语句: １、if条件语句 2008-08-26 JavaScript 秩名 IT起步网 JS教程：第二讲 JavaScript基本数据结构 /js/200808/26-1137.html JavaScript提供脚本语言的编程与C++非常相似，它只是去掉了Ｃ语言中有关指针等容易产生的错误，并提供了功能强大的类库。对于已经具备Ｃ++或Ｃ语言的人来说，学习JavaScript脚本语言是一件非常轻松愉快的事。一、JavaScript代码的加入 JavaScript的脚本包括在HTML中，它 2008-08-26 JavaScript 秩名 IT起步网 JS教程：第一讲 JavaScript语言概况 /js/200808/26-1136.html Internet时代，造就了我们新的工作和生活方式，其互联性、开放性和共享信息的模式，打破了传统信息传播方式的重重壁垒，为我们带来了新的机遇。随着计算机和信息时代的到来，人类社会前进的脚步在逐渐加快，每一天都有新的事情发生，每一天都在创造着奇迹。随着Internet技术 2008-08-26 JavaScript 秩名 IT起步网 JQUERY新手学习笔记(三) /js/200808/22-981.html JQUERY新手学习笔记(三)   大家好,今天又我可能和大家一起来讨论JQUERY技术了,上期我们说到了jQuery的$(document).ready()方法,这期我们继续学习它的其它更精彩的方法,在JQUERY是最重要的莫过于其事件机制,每一种语言都有事件,JQYERY也不例外,最简单的事件当然就是鼠 2008-08-22 JavaScript xrend IT步行网 Javascript 获取页面高度（多种浏览器） /js/200808/22-946.html 关于获取各种浏览器可见窗口大小的一点点研究。在我本地测试当中：在IE、FireFox、Opera下都可以使用 document.body.clientWidth document.body.clientHeight 即可获得，很简单，很方便。而在公司项目当中： Opera仍然使用 document.body.clientWidth document.body. 2008-08-22 JavaScript 佚名 51CTO javascript基本语法集锦(一) /js/200808/21-880.html JavaScript中取余运算符(%)是一个表达式的值除以另一个表达式的值，返回余数。使用方法： result = number1 % number2 其中result是任何变量。是number1是任何数值表达式。 number2是任何数值表达式。 JavaScript中取余运算符取余（或余数）运算符用 number1 除以 nu 2008-08-21 JavaScript xrend IT步行网 JavaScript中乘法运算符 /js/200808/21-879.html JavaScript中乘法运算符(*)是两个表达式的值相乘。使用方法： result = number1*number2 其中result是任何变量。 number1是任何表达式。 number2是任何表达式。 2008-08-21 JavaScript 秩名 IT起步网 JavaScript中new运算符 /js/200808/21-878.html JavaScript中new运算符是创建一个新对象。使用方法： new constructor[(arguments)] 其中constructor是必选项。对象的构造函数。如果构造函数没有参数，则可以省略圆括号。 arguments是可选项。任意传递给新对象构造函数的参数。 JavaScript中new运算符说明 new 运算符 2008-08-21 JavaScript 秩名 IT起步网 JavaScript中逻辑非运算符 /js/200808/21-877.html JavaScript中逻辑“非”运算符 (!)是对一个表达式执行逻辑非。使用方法： result = !expression 其中result是任何变量。 expression是任何表达式。 JavaScript中逻辑“非”运算符说明下面的表举例说明了 result 是如何决定的。如果 expression 2008-08-21 JavaScript 秩名 IT起步网 JavaScript中逻辑或运算符 /js/200808/21-876.html JavaScript中逻辑“或”运算符(||)是对两个表达式执行逻辑“或”。使用方法： result = expression1 || expression2 其中result是任何变量。 expression1是任何表达式。 expression2是任何表达式。 JavaScript中逻辑“或”运算符说明如 2008-08-21 JavaScript 秩名 IT起步网 JavaScipt实现LightBox效果 /js/200808/21-875.html 本文没有实际内容只是列举了大量通过javascript实现的LightBox效果，您可以在这里选择您喜欢的LightBox效果，基于jquery的也有，总是是各种各样的LightBox效果 Thickbox - 基于 jQuery，支持 AJAX，轻量级的而且比较高效。可以在 lightbox 中使用图片或 HTML。大小约 2008-08-21 JavaScript 秩名网络基于prototype的web验证框架 /js/200808/21-873.html prototype.js是所有的基础 validation.js真正的验证框架文件,badqiu在原来的基础上增加了许多不错的功能 1:引用js文件 <script>"prototype.js" type="text/javascript"> </script>    <script>"validation.js&qu 2008-08-21 JavaScript 秩名 IT步行网关于prototype.js的一些技术说明 /js/200808/21-872.html 本文是转载，关于prototype.js的一些技术说明说明，比如关于javascript的apply和call函数，关于闭包，关于函数的绑定，关于事件的注册，关于事件监听最佳实践等等，很难得的一篇文章，从dnew.cn转载而来。关于闭包 prototype.js在Class.create,bind等中用到javascript的闭 2008-08-21 JavaScript 秩名 IT步行网 Prototype.js开发者手册 /js/200808/21-871.html prototype.js是什么? 万一你没有使用过大名鼎鼎的prototype.js，那么让我来告诉你，prototype.js是由Sam Stephenson写的一个javascript类库。这个构思奇妙，而且兼容标准的类库，能帮助你轻松建立有高度互动的web2.0特性的富客户端页面。如果你最近尝试使用它，你大概了解 2008-08-21 JavaScript 网络 IT步行网 Prototype框架是怎样扩展DOM的 /js/200808/21-869.html Prototype框架最大的部分就是对DOM的扩展。Prototype框架里的$()函数返回一个网页DOM元素，框架给这个元素添加了很多方便的方法。举个例子：你可以写这样的代码 $('comments').addClassName('active').show() ，用来取得ID是“comments”的元素，给它添加一个CSS的 2008-08-21 JavaScript 秩名 www.ijavascript.cn prototype使用学习手册指南之Position.js /js/200808/21-868.html Position是prototype中定义的一个对象，提供了操作DOM中与位置相关的方法，要很好的理解元素在页面中的位置，具体代码如下，按照代码说说，其中英文是作者的注释，中文的才是偶的说明或翻译英文的注释，采用顶式注释法(注释在要说明的代码的上面)说明   // set to 2008-08-21 JavaScript 秩名 IT起步网 prototype使用学习手册指南之event.js /js/200808/21-867.html 键盘事件包括keydown、kepress和keyup三种，每次敲击键盘都会(依次？)触发这三种事件，其中keydown和keyup是比较低级的接近于硬件的事件，通俗的理解是这两个事件可以捕获到你敲击了键盘中某个键；而keypress是相对于字符层面的较为高级点的事件，这个事件能够捕捉到你键入了 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之form.js /js/200808/21-866.html 这一部分提供了很多与表单操作有关的功能，包括以下部分，当通过$方法返回元素时，可以直接通过$(element).method()调用： Form对象：提供了操作整个表单的一些方法 Form.Element对象：提供了操作某个表单元素的方法 TimedObserver类：周期性表单监视器 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之Selector.js /js/200808/21-865.html Prototype 中的Selector主要支持tag选择器、class选择器和id选择器，还有属性(attribute)选择器，Selector是利用css selector来匹配选择页面元素的，所以要理解Selector首先应该对css selector有所理解，下面是css2 selector的语法，当然很多浏览器只是支持其中的一部分，基 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之dom.js /js/200808/21-864.html DOM定义对操作一个文档对象的节点结构提供了实用的方法,它提供了像执行对象插入,更新,删除,克隆等这些常用的方法。这部分提供了很多(写的都有点烦了)方便的操作dom的方法：包含有名的$方法、document.getElementsByClassName方法，以及Element对象、Insertion对象以下部分 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之ajax.js /js/200808/21-863.html 和在我以前使用这个类库的不少开发者一样，一开始，我不得不一头扎进阅读prototype.js的源代码和实验它的功能中。Prototype中的ajax.js提供了一个非常好用的ajax框架，一般应用中简单的调用以下代码就可以了 new Ajax.Request(     url, {method: “get&rdq 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之Range.js /js/200808/21-862.html Prototype中Range.js文件里的Range对象是一个继承自enumerable.js的Enumerable的"范围"对象，你可以把它看成[x,x+1,x+2,x+3……x+n]的数组看待，但是比这样的数组更节省存储空间，因为range对象只是保存x和x+n而已如何去创建一个Range对象呢？下面大 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之Array.js /js/200808/21-861.html $A = Array.from(iterable): 将iterable转化为数组，如果iterable定义了toArray方法，就调用这个方法，否则利用iterable的length属性进行枚举, 如果iterable没有length属性的话就返回空数组[] Array对象除了扩展Enumerable对象的方法外，另外扩展了如下的几个方法，注意以 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之Enumerable.js /js/200808/21-860.html Enumerable是一个抽象对象。Enumerable不能直接使用，它被很多枚举类型（Hash、Array、Range等）所继承，继承的类型都要实现一个_each方法，提供具体类型的枚举方法。需要说明的是，javascript中并没有类的概念，所指的类也就是一个函数，继承一般指的是一个对象(父)将它的方 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之String.js /js/200808/21-859.html Prototype的目的是为了更方便的开发javascript的应用，使用它可以更加方便简单的使用javascript编程，开发出面向对象的javascript程序，Prototype中包含包含了一个功能强大好用的ajax框架，Prototype是一个基础性的框架，很多更高层次的框架都以它为基础，例如scriptaculous 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之base.js /js/200808/21-858.html 一看名字就知道Class是基类了，先说下此类的作用，然后给大家细细的分析下base.js中的代码类的创建与继承： Class.create(): 创建一个类，例如 person=Class.create() Object.extend(destination, source): 把source中方法属性copy到destination(使用for propertyin sourc 2008-08-21 JavaScript 秩名 www.ijavascript.cn Prototype使用学习手册指南之序言 /js/200808/21-857.html 在写这个指南之前，先介绍一下Prototype主要是干吗的，如果你比较关注ajax/javascipt方面的应用，你应该早就听说过这个 javascript framework。 Prototype是一个基础的javascript应用框架，先引用一段官方网站的介绍 Prototype is a JavaScript framework that aims to ease 2008-08-21 JavaScript 秩名 www.ijavascript.cn JQuery的AjaxUpdater上传插件 /js/200808/21-856.html JQuery的AjaxUpdater上传插件。其实JQuery已经提供了很多基于Ajax的调用方法，那为什么还要做这样一个Ajax插件呢！其实目的很简单就是为了调用更方便。这个插件的特点就是允许通过HTML属性描述来进行一个Ajax操作的定义；也就是说通过使该插件只要简单的属性描述就能 2008-08-21 JavaScript 秩名 www.ijavascript.cn jquery基本教程之简单体验 /js/200808/21-855.html Jquery是继prototype之后又一个优秀的Javascript框架。对prototype我使用不多，简单了解过。但使用上jquery之后，马上被她的优雅吸引住了。有人使用这样的一比喻来比较prototype和jquery：prototype就像Java，而jquery就像ruby.实际上我比较喜欢java（少接触Ruby罢了）但是jq 2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery的动态表格动态表单 /js/200808/21-854.html jQuery的动态表格动态表单这个例子就是通过jquery对dom进行操作，达到动态的实现HTML变换的问题。动态表格动态表单中的Jquery代码 <script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script> <script 2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery鼠标点击/划过特效 /js/200808/21-853.html 以下代码是jQuery在鼠标动作的时候进行的相应的操作，比如输入框获得焦点Jquery的，鼠标点击，鼠标划过的时候Jquery的效果 <script type="text/javascript" src="/include/jquery/jquery-1.1.3.1.pack.js"></script> <input type="t 2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery实例的ajax应用之二级联动 /js/200808/21-852.html jQuery实例的ajax应用之二级联动的后台是采用php来做的，前台通过jquery的ajax方式实现二级联动数据库表设计 csj_trade id int(11) auto_increment          tname varchar(100) tradeType int(11)    其中,id为主键自动索引 2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery实例CSS 样式表动态选择 /js/200808/21-851.html jQuery实例CSS 样式表动态选择本实例主要说的还是jquery的选择器，关于jquery的css的一些知识用类似 $("li").css("cursor","pointer"); 这样的方式来确定具体的大家就看代码吧 css样式表一 body{background:#000; color:#fff} h1{f 2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery小教程 /js/200808/21-850.html 不废话，先说明我们的目的。我们知道，当代浏览器（modern browsers）的文本框的聚焦(focus)样式可以通过CSS的伪类:focus来设置。假设我们有这么一段代码： <form> <dl>   <dt>Name: <dt>   <dd><input type="te 2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery起点教程之插件制作 /js/200808/21-849.html jquery插件给我的感觉清一色的清洁，简单。如Jtip，要使用它的功能，只需要在你的元素的class上加上Jtip,并引入jtip.js及其样式即可以了。其他事情插件全包。我喜欢jquery的一个重要原因是发现她已经有了很多很好，很精彩的插件。写一个自己的jQuery插件是非常容易的,如果你 2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery起点教程之有序化插件实例 /js/200808/21-848.html jQuery起点教程之有序化插件实例是一篇使用jquery的tablesorter插件来实现一些功能效果的教程，大家可以认真学习一下。Sort me将我有序化:使用tablesorter插件进行表格排序。这个表格排序插件能让我们在客户端按某一列进行排序，引入jQuery和这个插件的js文件，然后告诉插 2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery起点教程之Animate /js/200808/21-847.html jQuery起点教程之Animate是个好东西，一个非常好的效果你可以用jquery自带的函数，比如show(),hide(),Animate()等函数。更确切的说这些函数才是jquery吸引人的地方。一些动态的效果可以使用 show() 和 hide()来表现: $(document).ready(function() {      2008-08-21 JavaScript 秩名 www.ijavascript.cn jQuery起点教程之使用AJAX /js/200808/21-846.html 在这一部分我们写了一个小小的AJAX应用，它能够rate一些东西（译Keel注：就是对某些东西投票），就像在youtube.com上面看到的一样。首先我们需要一些服务器端代码，这个例子中用到了一个PHP文件，读取rating参数然后返回rating总数和平均数。看一下rate.php代码. 虽然这些例 2008-08-21 JavaScript 网络网络 jQuery起点教程之使用选择器和事件 /js/200808/21-845.html jQuery起点教程之使用选择器和事件 jQuery提供两种方式来选择html的elements：第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器（如：$("div > ul a")）；第二种是用jQuery对象的几个methods(方法)。这两种方式还可以 2008-08-21 JavaScript 秩名 IT起步网 jQuery起点教程之Hello Word /js/200808/21-844.html Hello jQuery在做所有事情之前,我们要让jQuery读取和处理文档的DOM,必须尽可能快地在DOM载入后开始执行事件,所以,我们用一个ready事件作为处理HTML文档的开始.看看我们打开的custom.js这个文件,里面已经准备好了: $(document).ready(function() { // do stuff when DOM is 2008-08-21 JavaScript 网络网络 jQuery起点教程之安装 /js/200808/21-843.html jQuery入门指南教程这个指南是一个对jQuery库的说明，要求读者了解HTML(DOM)和CSS的一些常识。它包括了一个简单的Hello World的例子，选择器和事件基础，AJAX、FX的用法，以及如何制作jQuery的插件。这个指南包括了很多代码，你可以copy它们，并试着修改它们，看看产生的效 2008-08-21 JavaScript 网络网络 jQuery使用手册之jQuery插件 /js/200808/21-842.html 这也是一个插件的时代。随着jQuery的广泛使用，已经出现了大量jQuery插件，如thickbox，iFX，jQuery-googleMap等，简单的引用这些源文件就可以方便的使用这些插件。这里我简单的介绍一些网址供大家参考，这些网站头提供了大量的demo，并且使用及其简单，及时E文不好，也能快 2008-08-21 JavaScript 网络网络 jQuery使用手册之Ajax支持 /js/200808/21-841.html $.ajax(prop)    通过一个ajax请求，回去远程数据，prop是一个hash表，它可以传递的key/value有以下几种。          (String)type：数据传递方式(get或post)。          ((String)url：数据请求页面 2008-08-21 JavaScript 佚名网络 jQuery使用手册之事件处理 /js/200808/21-840.html jQuery的事件处理，有方法： hover(Function, Function) 当鼠标move over时触发第一个function，当鼠标move out时触发第二个function 样式： <style>.red{color:#FF0000}</style> Html代码： <div id="a">sdf</div> jQuery代码及效 2008-08-21 JavaScript 网络网络 jQuery使用手册之动态效果 /js/200808/21-839.html jQuery一直以来在效果外面口碑都不错一直以来jquery的插件很丰富，一些很好的效果，比如我写过fat.js的渐变褪色淡入淡出效果，在新版本的jquery1.2中，可以很方便的用 $("#go").click(function(){   $(".block").animate( { backgroundColo 2008-08-21 JavaScript 秩名 IT起步网 jQuery使用手册之JavaScript处理 /js/200808/21-838.html $.browser()函数，希望我没有称呼错。其目的是：判断浏览器类型，返回boolen值 $(function(){     if($.browser.msie) {         alert("这是一个IE浏览器");}     else if($.browser.opera) {     2008-08-21 JavaScript 网络网络 jQuery使用手册之CSS操作 /js/200808/21-837.html Jquery对css的操作相当方便，能很方便我们去通过js修改css。传统javascript对css的操作相当繁琐，比如 <div id="a" style="background:blue">css</div> 取它的background语法是： document.getElementById("a").style.backgr 2008-08-21 JavaScript 网络网络 jQuery使用手册之DOM操作 /js/200808/21-836.html 属性我们以<img id="a" scr="5.jpg"/>为例，在原始的javascript里面可以用var o=document.getElementById('a')取的id为a的节点对象，在用o.src来取得或修改该节点的scr属性，在jQuery里$("#a")将得到jQuery对象[ <img id="a&qu 2008-08-21 JavaScript 网络网络 jQuery使用手册之核心部分 /js/200808/21-835.html $(expr) 说明：该函数可以通过css选择器，Xpath或html代码来匹配目标元素，所有的jQuery操作都以此为基础参数：expr：字符串，一个查询表达式或一段html字符串例子：未执行jQuery前： <p>one</p> <div>      &n