JavaScript技术

JavaScript技术

学习ExtJS Column布局

阅读(21) 作者(admin)

一、属性(构造参数) baseCls:"x-plain" Panel背景色颜色。 layout:"column" Panel进行列布局。 在子元素中指定使用columnWidth或width来指定子元素所占的列宽度。 columnWidth表示使用百分比的形式指定列宽度。 width...

JavaScript技术

学习ExtJS 访问容器对象

阅读(21) 作者(admin)

一、属性 ownerCt:得到当前对象所在的容器。 items:集合列表 二、应用举例 复制代码 代码如下: Ext.onReady(function(){ var _window = new Ext.Window({ title:"测试窗体", layout:"form", width:300, plain:true, it...

JavaScript技术

学习ExtJS fit布局使用说明

阅读(30) 作者(admin)

一、Fit布局,子元素将自动填满整个父容器(对元素设置宽度无效),如果容器组件中有多个子元素,则只会显示第一个子元素。 二、应用举例 复制代码 代码如下: Ext.onReady(function(){ new Ext.Panel({ renderTo:Ext.getBody()...

JavaScript技术

学习ExtJS border布局

阅读(23) 作者(admin)

一、Border布局由类Ext.layout.BorderLayout定义,布局名称为border。该布局把容器分成东南西北中五个区域,分别由east,south, west,north, cente来表示,在往容器中添加子元素的时候,我们只需要指定这些子元素所在的位置,Bord...

JavaScript技术

学习ExtJS accordion布局

阅读(19) 作者(admin)

一、Accordion布局由类Ext.layout.Accordion定义,表示可折叠的布局,点击每一个子元素的头部名称或右边的按钮,则会展开该面板,并收缩其它已经展开的面板。 layoutConfig:true表示在执行展开折叠时启动动画效果,默认值为fals...

JavaScript技术

学习ExtJS form布局

阅读(38) 作者(admin)

一、 Form布局由类Ext.layout.FormLayout定义,名称为form,是一种专门用于管理表单中输入字段的布局,这种布局主要用于在程序中创建表单字段或表单元素等使用。 hideLabels:tru表示隐藏标签,默认为false。 labelAlign:标签队...

JavaScript技术

Javascript 日期处理之时区问题

阅读(33) 作者(admin)

复制代码 代码如下: //dateObj是一个日期对象,days表示给这个日期加多少天,比如说4,5(天) function dateAdd(dateObj,days){ var tempDate = dateObj.valueOf(); tempDate = tempDate + days * 24 * 60 * 60 * 1000; tempD...

JavaScript技术

学习ExtJS table布局

阅读(26) 作者(admin)

一、Table布局由类Ext.layout.TableLayout定义,类以于html中的table,可以对行或列进行合并。 layoutConfig使用columns指定父容器分成3列, rowspan合并行数目。 colspan合并列数目。 二、应用举例 复制代码 代码如下: Ex...

JavaScript技术

JavaScript 监听textarea中按键事件

阅读(19) 作者(admin)

有个textarea, Java代码 复制代码 代码如下: <textarea id="text"></textarea> 经常会定义onKeyPress="keypress();",并定义以下方法。 复制代码 代码如下: var keypress = function(e){ var e = e || window.event;...

JavaScript技术

jquery 最简单的属性菜单

阅读(26) 作者(admin)

1.0 创建 <UL> 菜单树! 并影藏 子选项! 2.0 加入! 复制代码 代码如下: $("li:has(ul)").click( function (){$(this).children("ul").css("display")=='none'?$(this).children("ul").show("slow"):$(this).children("ul...

有效的捕获JavaScript焦点的方法小结
JavaScript技术

有效的捕获JavaScript焦点的方法小结

阅读(21) 作者(admin)

1. 设置元素可获得焦点以监听键盘事件 元素聚焦最大好处就是可允许发送键盘事件,HTML很多元素默认就有可聚焦,如form表单元素,a锚链接等,但大部份默认是不能聚焦的。要使得元素能够聚焦,可以在HTML代码或JavaScript脚本中...

JavaScript技术

Javascript isArray 数组类型检测函数

阅读(23) 作者(admin)

1、typeof操作符。对于Function、String、Number、Undefined这几种类型的对象来说,不会有什么问题,但是针对Array的对象就没什么用途了: Js代码 复制代码 代码如下: alert(typeof null); // "object" alert(typeof []);...

JS 连锁泡泡 v1.1
JavaScript技术

JS 连锁泡泡 v1.1

阅读(27) 作者(admin)

泡泡的移动,碰撞,消失都完成了,越写越觉得没意思,后面的关于游戏性的东西(比如游戏有多少关,打破多少泡泡算过关)就懒得写了。有兴趣的朋友可以读一下,因为很多地方用到闭包修正setInterval(这个函数比较贱)。面向对象,注释比...

JavaScript技术

支持ie与FireFox的剪切板操作代码

阅读(31) 作者(admin)

复制代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>支持ie与FireFox的剪切板代码</title> <script type="text/javascript"> function setCopy(_sTxt){ try{ if(window.clipboardData){...

JavaScript技术

javascript的onchange事件与jQuery的change()方法比较

阅读(17) 作者(admin)

改变一下思路变成键盘按键事件,如下: <asp:TextBox ID="txtName" runat="server" onkeyup="fNameChange();"></asp:TextBox> 这里有一点毛病是,你复制粘贴的内容,无法触发这个事件。下面是相关的一些代码: 复制代码 代码如...

JavaScript技术

javascript 页面划词搜索JS

阅读(36) 作者(admin)

基于Jquery修改,以下为全部脚本 复制代码 代码如下: //划词搜索 var GLS = {}; GLS.startObj = null; GLS.isdb = false; GLS.allow = true; GLS.isallow = function() { if (GLS.allow) { GLS.allow = false; alert('...

jquery 模式对话框终极版实现代码
JavaScript技术

jquery 模式对话框终极版实现代码

阅读(23) 作者(admin)

页面滚动时随着滚动条固定在屏幕的中央,模式对话框中的内容为两种,一是iframe引入,一是HTML语句插入。在网站开发中十分常用,使用该插件十分的简单。来看一下运行效果。插件使用 1、首先引入样式文件,详细代码如下所示: <li...

JavaScript技术

IE FF OPERA都可用的弹出层实现代码

阅读(16) 作者(admin)

复制代码 代码如下:// JavaScript Document var dv; var dvMsg; function customalert() {

dvMsg = document.createElement("div"); dvMsg.style.position = "absolute"; dvMsg.setAttribute('id', 'msg'); dvMsg....

JavaScript技术

javascript 表单验证常见正则

阅读(20) 作者(admin)

复制代码 代码如下:/* 用途:校验ip地址的格式 输入:strIP:ip地址 返回:如果通过验证返回true,否则返回false; */ function isIP(strIP) { if (isNull(strIP)) return false; var re = /^(/d+)/.(/d+)/.(/d+)/.(/d+)$/g //...

JavaScript技术

一个JS小玩意 几个属性相加不能超过一个特定值.

阅读(22) 作者(admin)

最有名的例子就是三国志和太阁里给新武将角色分配属性值啦. 在下不才,用javascript做了这么一个功能,顺便把页面中的链接下划线给隐藏掉. 大家看看,有什么更好的优化意见,大家尽管提. 下面是代码: 首先是test.html:...

JavaScript技术

javascript String split方法误操作

阅读(20) 作者(admin)

split定义和用法 split() 方法用于把一个字符串分割成字符串数组。 语法 stringObject.split(separator, howmany)参数 描述 separator 必需。字符串或正则表达式,从该参数指定的地方分割 stringObject。 howmany 可选...

JavaScript技术

JavaScript 自动在表格前面增加序号

阅读(18) 作者(admin)

JavaScript 自动为表格增加序号 .index_tab{width:100%;border-collapse:collapse;border:1px solid #005892;margin:8px 0;} .index_tab td{line-height:35px;border:1px solid #005892;padding-left:4px;} tr....