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

EXT中xtype的含义分析

2017年02月06日 25 阅读

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

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

2017年02月06日 28 阅读

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操作基于命令改变页面

2017年02月06日 22 阅读

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

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

2017年02月06日 28 阅读

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是否加载完成的完美方法

2017年02月06日 25 阅读

复制代码代码如下: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方法分析小结

2017年02月06日 21 阅读

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

javascript new一个对象的实质

2017年02月06日 23 阅读

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

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

2017年02月06日 23 阅读

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学习笔记之六面版

2017年02月06日 23 阅读

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

Javascript 中的类和闭包

2017年02月06日 23 阅读

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

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

2017年02月06日 25 阅读

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

Extjs学习笔记之七布局

2017年02月06日 26 阅读

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

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

2017年02月06日 26 阅读

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

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

2017年02月06日 26 阅读

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

JavaScript中的集合及效率

2017年02月06日 25 阅读

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

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

2017年02月06日 24 阅读

有时用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页面上拖放移动标签

2017年02月06日 24 阅读

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

了解jQuery技巧来提高你的代码

2017年02月06日 25 阅读

jQuery之所以如此流行并被从大公司到个人博客的几乎每个人都广泛使用，是因为它上手和使用相当简单，而且为我们提供了一些人都不知道的相当棒的特性。我认为jQuery的大多数用户更趋向于使用jQuery插件来解决面临的难题，这通常是明智的选择。但是当插件相对于你的需求有一定缺陷的时候，你也许更应该想办法自己来解决，下面来看看这些实用的jQuery技巧，他们肯定会能够派上用场的！1.测试并提升你的jQuery选择器水平这个jQuery选择器实验室非常酷，它能...

JavaScript 页面坐标相关知识整理

2017年02月06日 26 阅读

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

Javascript UrlDecode函数代码

2017年02月06日 23 阅读

有时候可能会有这么一个需求,我在后台使用: 复制代码代码如下: HttpUtility.UrlEncode（str, System.Text.Encoding.UTF8）; 将Url进行编码,前台JS需要使用这段内容,这时候就需要解码了: 代码复制代码代码如下: /** * Url编码 **/ ShengUtils.encode = function（unzipStr）{ var zipstr=""; var strSpecial="！"#$%&"...

首页 / 脚本样式 / JavaScript

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页面上拖放移动标签

了解jQuery技巧来提高你的代码

JavaScript 页面坐标相关知识整理

Javascript UrlDecode函数代码

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

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

Extjs学习笔记之六面版

Extjs学习笔记之七布局

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