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

ExtJS 2.0 实用简明教程之布局概述

2017年02月06日 29 阅读

ExtJS的布局基类为Ext.layout.ContainerLayout，其它布局都是继承该类。ExtJS的容器组件包含一个layout及layoutConfig配置属性，这两个属性用来指定容器使用的布局及布局的详细配置信息，如果没有指定容器组件的layout则默认会使用ContainerLayout作为布局，该布局只是简单的把元素放到容器中，有的布局需要layoutConfig配置，有的则不需要layoutConfig配置。看代码：复制代码代码如下...

ExtJS 2.0实用简明教程之应用ExtJS

2017年02月06日 28 阅读

样式文件为resources/css/ext-all.css，extjs的js库文件主要包含两个，adapter/ext/ext-base.js及ext-all.js，其中ext-base.js表示框架基础库，ext-all.js是extjs的核心库。adapter表示适配器，也就是说可以有多种适配器，因此，可以把adapter/ext/ext-base.js换成adapter/jquery/ext-jquery-adapter.js，或adapter/p...

ExtJS 2.0实用简明教程之获得ExtJS

2017年02月06日 31 阅读

网址http://extjs.com/download，进入下载页面可以看到大致如图xxx所示的内容，可以选择选择1.1或2.0版本，本教程使用的2.0版本。图1-1ExtJs不同版本下载选择页面单击上图中的【Download ext-2.0.zip】超链接进行下载，把下载得到的ZIP压缩文件解压缩到【D:ExtCode】目录下，可以得到如如图1-2所示的内容。图1-2ExtJS发布包目录 adapter：负责将里面提供第三方底层库（包括Ext自带的底...

js 方法实现返回多个数据的代码

2017年02月06日 34 阅读

复制代码代码如下://返回多个数据方法 function getPos（）{ var xx = "xx"; alter（xx）; var yy = "yy"; return{x:xx,y:yy}; } //调用 function getXY（）{ var ret = getPos（）; alert（ret.x）; alert（ret.y）; } ...

Ext 表单布局实例代码

2017年02月06日 31 阅读

复制代码代码如下:Ext.onReady（function（）{ Ext.QuickTips.init（）; //第一句的目的是为需要的元件提供提示信息功能，form的主要提示信息就是客户端验证的错误信息了。 Ext.form.Field.prototype.msgTarget = "under"; //第二句的目的就是设置控件的错误信息显示位置，主要可选的位置有： var tdate = new Ext.form.DateField（{ fieldLa...

javascript document.referrer 用法

2017年02月06日 32 阅读

举例： 1. a.html文件内容如下： <a href="b.html">浏览b.html </a> 2. b.html文件中的内容如下： <body> <script type="text/javascript"> document.write（document.referrer）; </script> </body> 3. 则在通过a.html中的超链接访问b.html的时候，显...

javascript 扫雷游戏

2017年02月06日 30 阅读

body { font-size:14px; font-family: verdana; } input { font-size:12px; padding: 0px; margin: 0px; } table {border: 2px solid #6E6560;} td { height:19px; width:20px; font-family: Arial Black; text-align: center; padding-top:3px; f...

JavaScript 实现模态对话框源代码大全

2017年02月06日 32 阅读

首先，来说一下对话框：对话框在Windows应用程序中使用非常普遍，许多应用程序的设定，与用户交互需要通过对话框来进行，因此对话框是Windows应用程序中最重要的界面元素之一，是与用户交互的重要手段。对话框是一个特殊的窗口，任何对窗口进行的操作（如移动、最大化、最小化等）也可以在对话框实施。对话框大致可以分为以下两种：（1）模态对话框：模态对话框弹出后，独占了系统资源，用户只有在关闭该对话框后才可以继续执行，不能够在关闭对话框之前执行应用程序其他部...

ExtJS 2.2.1的grid控件在ie6中的显示问题

2017年02月06日 29 阅读

如下图所示： Menuitem的图标覆盖到了文字上方，这样的显示效果很不爽。<！--[if ！vml]--><！--[endif]-->查看上一版本（2.2）发现并不存在这个问题。于是，比较2.2.1和2.2两个版本，发现在resources/css /ext-all.css的相关样式上存在差异，如下图：修改2.2.1版的这两处样式，即可解决这个问题。修改之后，在ie6上能够正常显示，如下图：<！--[if ！vml]--&...

JavaScript 字符编码规则

2017年02月06日 30 阅读

[escape] ISO Latin字符集对指定的字符串进行编码，不会被编码的字符[ @ * / +] [encodeURI] UTF-8字符集对指定的字符串进行编码 [encodeURIComponent] UTF-8字符集对指定的字符串进行编码，[支持更多的字符] 当源与目标页都为同一字符集时，并不需要转为UTF-8，这时可用[escape] 当源与目标页字符集不同时，需要对源字符转为目标字符，为统一可考虑使用UTF-8 new String（requ...

JS 动态加载脚本的4种方法

2017年02月06日 30 阅读

如果js文件都比较小，还是一个js好，这样可以减少连接数。下面是4种比较常用的方法，大家可以根据情况选择，最后脚本之家将会给推荐一个。1、直接document.write 复制代码代码如下:<script language="javascript"> document.write（"<script src="test.js"></script>"）; </script> 2、动态改变已有script的sr...

jQuery textarea的长度进行验证

2017年02月06日 29 阅读

扩展textarea 属性，结合jquery.validate.js，在提交表单同时，加上对textarea的长度进行验证。 1.jQuery 对textarea 长度进行验证的插件复制代码代码如下://对textarea 长度进行验证 jQuery.fn.checkLength = function（parameters） { defaults = { min: 0 , max: 5 } jQuery.extend（defaults, paramete...

jQuery select的操作实现代码

2017年02月06日 31 阅读

//改變時的事件复制代码代码如下:$（"#testSelect"）.change（function（）{ //事件發生 jQuery（"option:selected", this）.each（function（）{ //印出選到多個值 alert（this.value）; }）; }）; //印出選到的項目复制代码代码如下:法1：$（"select#Clubs"）.children（"[@selected]"）.each（function（）{ ...

jQuery 1.2.x 升級 1.3.x 注意事项

2017年02月06日 28 阅读

1.Selector 取input標籤name為go的值复制代码代码如下:$（"input[@name=go]"）.val（）; //原本在 jQuery 1.2.x 上是可行的" $（"input[name=tag]"）.val（）; //但1.3.x後要把@拿掉,不然會出錯其他原本有加@都要去掉，像[@selected][@checked]等 p.s [attribute]: 有指定的屬性 [attribute=value] :屬性值為value...

关于viewport,Ext.panel和Ext.form.panel的关系

2017年02月06日 33 阅读

Ext.panel 可以存放很多元素,最常见的是Ext.form.formPanel对象,也可以用borderlayout布局下面是我写的一个小例子,顶级容器不是viewport而是tabpanel 复制代码代码如下://一个普通的表单 var frm = new Ext.form.FormPanel（{ defaultType: "textfield", labelAlign: "right", title: "form1-center", labe...

日期时间js控件

2017年02月06日 27 阅读

复制代码代码如下:<script language="JavaScript"> /**//** *本日历选择控件由tiannet根据前人经验完善而得。大部分代码来自meizz的日历控件。 *tiannet添加了时间选择功能、select,object标签隐藏功能，还有其它小功能。 *使用方法： * （1）只选择日期 <input type="text" name="date" readOnly onClick="setDay（this）...

JavaScript的parseInt 进制问题

2017年02月06日 32 阅读

翻了下JS编程手册，原来parseInt会自动对传递的参数值转换成相应的八、十、十六进制值。这种情况可以设定进制用以区分特殊情况。复制代码代码如下:parseInt（09,2） | parseInt（09,10） | parseInt（09,8） | parseInt（09,16）其实像这些问题完全可以避免的，关键是要耐心。 ...

javascript 有用的脚本函数

2017年02月06日 31 阅读

function styleHeaderSiblings（）{ if（！document.getElementByTagName）return false; var headers = document.getElementByTagName（"h1"）; for（var i = 0;i<headers.length;i++）{ addClass（elem,"intro"）; } } function styleElementSiblings（tag...

javascript 两个字符串比较函数

2017年02月06日 27 阅读

Untitled function diff（）{ var s = f.s1.value; var s1 = f.s2.value; document.write（"s: " + s + ""）; document.write（"s1: " + s1 + ""）; function sort（s, a）{ for（i=0; i list1[n]）{ l[j] = list1[n]; if （n < list1.length）{ n++; } ...

jquery-1.2.6得到焦点与失去焦点的写法

2017年02月06日 32 阅读

jquery-1.2.6得到焦点与失去焦点的写法 $（function（）{ $（"input:text,input:password,textarea"）.focus（function（）{$（this）.css（"background","#CBFE9F"）;}）.blur（function（）{$（this）.css（"background","#FFF"）;}）; }）; [Ctrl+A 全选注:如需引入外部Js需刷新...

首页 / 脚本样式 / JavaScript

ExtJS 2.0 实用简明教程之布局概述

ExtJS 2.0实用简明教程之应用ExtJS

ExtJS 2.0实用简明教程 之获得ExtJS

js 方法实现返回多个数据的代码

Ext 表单布局实例代码

javascript document.referrer 用法

javascript 扫雷游戏

JavaScript 实现模态对话框 源代码大全

ExtJS 2.2.1的grid控件在ie6中的显示问题

JavaScript 字符编码规则

JS 动态加载脚本的4种方法

jQuery textarea的长度进行验证

jQuery select的操作实现代码

jQuery 1.2.x 升級 1.3.x 注意事项

关于viewport,Ext.panel和Ext.form.panel的关系

日期 时间js控件

JavaScript的parseInt 进制问题

javascript 有用的脚本函数

javascript 两个字符串比较函数

jquery-1.2.6得到焦点与失去焦点的写法

ExtJS 2.0实用简明教程之获得ExtJS

JavaScript 实现模态对话框源代码大全

日期时间js控件