JavaScript技术

JavaScript技术

JavaScript 输入框内容格式验证代码

阅读(25) 作者(admin)

代码 复制代码 代码如下: <body> 用户名:<input type="text" id="name" /> <div id="d" style="display:none; background:#999900;"></div> //验证结果显示,注意display是隐藏的 <br /> 密码: <input type="text" i...

JavaScript技术

jQuery 添加/移除CSS类实现代码

阅读(28) 作者(admin)

其中一种办法是改变页面元素的CSS类(Class),这在传统的Javascript里,我们通常是通过处理HTML Dom的classname特性来实现的;而jQuery里提供三种方法来实现这个功能,虽然它们和传统方法的思想相通,但是却节省了许多代码。还...

JavaScript技术

jquery实现的提示浮层跟随鼠标移动

阅读(26) 作者(admin)

jquery实现: jquery实现简单文字提示 #preview{border:1px solid #cccccc; background:#9900CC;color:#fff; padding:5px; display:none; position:absolute;} 把鼠标放到这里1


把鼠标放到这里2


把鼠...

JavaScript技术

改善你的jQuery的25个步骤 千倍级效率提升

阅读(21) 作者(admin)

1. 从Google Code加载jQueryGoogle Code上已经托管了多种JavaScript类库,从Google Code上加载jQuery比直接从你的服务器加载更有优势。它节省了你服务器上的带宽,能够很快的从Google的内容分布网络(CDN)上加载JS类库。...

JavaScript技术

jQuery 改变CSS样式基础代码

阅读(29) 作者(admin)

其中一种接受两个输入参数:样式属性和样式值,它们之间用逗号分开。比如我们要改变链接颜色,我们可以使用下面的代码: 复制代码 代码如下: $("#61dh a").css('color','#123456'); //这里选择器‘$("#61dh a")'表示ID为‘#6...

JavaScript技术

Jquery iframe内部出滚动条

阅读(41) 作者(admin)

复制代码 代码如下://调用函数 var pagestyle = function() { var rframe = $("#mainFrame"); //ie7默认情况下会有上下滚动条,去掉上下15像素 var h = $(window).height() - rframe.offset().top - 15; rframe.height...

jquery 问答知识整理
JavaScript技术

jquery 问答知识整理

阅读(22) 作者(admin)

获取ID : $(this).attr("id"); :not用法 1. 列表用法 复制代码 代码如下: var notList = []; notList.push("#<%=txtSuggest.ClientID %>"); var textElements = $("input[type=text]:not(" + notList + ")"); var fir...

Javascript 浏览器事件小结
JavaScript技术

Javascript 浏览器事件小结

阅读(25) 作者(admin)

事件本身相当直观,常用的有: 事件描述abort图片被阻止而不能加载blur,focus失去焦点,获得焦点change适用于表单元素,当元素使其焦点的时候判断是否发生改变click,dblclick单击,双击keydown,keyup,keypress按下键,键离开,按下...

JavaScript技术

不同浏览器对回车提交表单的处理办法

阅读(28) 作者(admin)

条件是: 在IE和Firefox下 1、<form>属性的“action”字段必填; 2、有一个type="submit"的“input”。 在Chrome和Safari下 满足第一条即可。(注释1)   所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在ty...

JavaScript技术

jQuery 处理网页内容的实现代码

阅读(27) 作者(admin)

jQuery提供两种实现这种功能的方法 text()和html()。text()是对纯文本的处理;html()和text()相似,不同的是它还支持HTML代码。 复制代码 代码如下: //设置ID为"b5_a"段落的内容为"这是新加入的文本信息"; $('#b5_a").t...

JavaScript技术

JS getMonth()日期函数的值域是0-11

阅读(30) 作者(admin)

我选择月份列表项后,获得年份值和月份值,计算获得当月1号日期值和当月最后一天的日期值。

正确代码如下:复制代码 代码如下:<script language="javascript"> function selDate(y, m) { //输出当月1号字符串 document.f...

JavaScript技术

jQuery 处理表单元素的代码

阅读(24) 作者(admin)

1.获取input类的值: $("input").val();

2.获取textarea类的值: $("textarea").val();

3.获取select类的值:$("select").val();

当表单上含有多个input类(或者textarea类和select类),使用上述方法得到的将是一个数组...

JavaScript技术

jQuery 树形结构的选择器

阅读(25) 作者(admin)

DOM结构其实也是一种树形结构,jQuery提供的树形选择器可以用来选择DOM Tree里的节点。这些树形选择器的方法包括:children(), parent(), parents(), next(), prev(), siblings(). 选择某个元素的"孩子" - children() 复...

JavaScript 10件让人费解的事情
JavaScript技术

JavaScript 10件让人费解的事情

阅读(27) 作者(admin)

1. 它以 Java 命名,但并不是 Java它最初叫 Mocha, 接着改名为 LiveScript,最后才确定命名为 JavaScript,根据历史记录,Java 的命名与 Netscape 和 Sun 之间的合作有关,作为交换条件,Netscape 在他们备受欢迎的浏览器中创建了...

JavaScript技术

JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)

阅读(43) 作者(admin)

首先给这些‘返回页首'的链接加上个Class: <a href="#" class="backtotop" target="_self">返回页首↑</a> <!--把所有返回页首的链接加上class,例如:backtotop-->然后加入下面jQuery代码,你可以把这行代码放在</body>前,...

JavaScript技术

两个比较有用的Javascript工具函数代码

阅读(34) 作者(admin)

1.大家在实际工作中,会写各式各样的赋值语句。 比如最常用的obj.style.display = "none"; 如果这样的赋值语句一多,obj.style一排下来都要看晕了

下面我的base.js中的extend函数可以允许用json格式赋值属性甚至是函数...

类似GMAIL的Ajax信息反馈显示
JavaScript技术

类似GMAIL的Ajax信息反馈显示

阅读(24) 作者(admin)

复制代码 代码如下:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"> <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>ne...

JavaScript技术

JavaScript 学习技巧

阅读(28) 作者(admin)

转化为Boolean类型 所有JavaScript中的值都能隐式的转化为Boolean类型,比如: 0 == false; // true 1 == true; // true '' == false // true null == false // true 但是这些值都不是Boolean类型。因此当我...

JavaScript技术

JavaScript Timer实现代码

阅读(17) 作者(admin)

ok,不废话了,实现一个javascript的Timer吧 比起as3的Timer类,功能上略有改动 timer2.src.js 复制代码 代码如下: /** * Timer 模型 * * @author rainsilence * @version 2.0 */ (function() { /** * TimerEvent constru...

js删除select中重复项的实现代码
JavaScript技术

js删除select中重复项的实现代码

阅读(16) 作者(admin)

删除select中重复项 body{ text-align:center;} div{ width:400px; background:#f1f5fa; margin:auto; border:solid 1px #BFC9DB; padding:10px;} h4{ } a{text-align:right; display:block; font-size:12px;}...

JavaScript技术

JavaScript 题型问答有答案参考

阅读(29) 作者(admin)

1.如何获取表单<select>域的选择部分的文本? <form name="a"> <select name="a" size="1" onchange="_sel(this)"> <option value="a">1</option> <option value="b">2</option> <...

JavaScript技术

JavaScript DOM学习第一章 W3C DOM简介

阅读(29) 作者(admin)

在这一章我主要介绍已经被新一代的浏览器所支持的W3C 第一级的DOM。对他的运作做一个大概的了解并且让你知道你可以对他们做什么。 首先是对于DOM的一些建议和DOM设计的目的,然后我会告诉你什么是节点(nodes)并且怎样通...

JavaScript技术

javascript中的链式调用

阅读(26) 作者(admin)

jQuery中形如$("#txtName").addClass("err").css("font-size","12px").select().focus();的方式让人不得不为之着迷。其实现机制就是链式调用。链式调用就是调用对象的方法后返回到该对象,严格来讲它并不属于语法,而只...