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

javascript:void（0）使用探讨

2017年02月06日 18 阅读

在做页面时，如果想做一个链接点击后不做任何事情，或者响应点击而完成其他事情，可以设置其属性 href = "#"，但是，这样会有一个问题，就是当页面有滚动条时，点击后会返回到页面顶端，用户体验不好。目前有如下几种解决办法： 1）点击链接后不做任何事情复制代码代码如下: <a href="javascript:void（0）;" >test</a> <a href="javascript:;" >test</a...

Js中的onblur和onfocus事件应用介绍

2017年02月06日 18 阅读

html页面中，诸如按钮、文本框等可视元素都具有拥有和失去焦点的事件，这些事件在响应鼠标或键盘动作时都可激发预设的操作。本文以文本框获得和失去焦点为例简单讲解onfocus和onblur的应用。一. onfocus（获得焦点事件）当一个文本框获得焦点时，它里面的文本就像“好123”网站上的百度搜索输入框那样全部被自动选中，这样的操作可以利用onfocus来实现。以下的文本框，当鼠标指针移过去时，里面的文字全部被选中：请输入网址这是怎么做的呢？看以...

HTML Color Picker（js拾色器效果）

2017年02月06日 17 阅读

File Name : colorpicker.html Requirement : Internet Explorer or Mozilla Author : Jean-Luc Antoine Submitted : 26/03/2005 Category : 4K 复制代码代码如下:<form name="recherche" method="post" action="yourpage.html"><input type=hidd...

JQuery筛选器全系列介绍

2017年02月06日 19 阅读

1.选择对象1）.基本·#id 根据给定的ID匹配一个元素。例如：$（"#id"）·element 根据给定的元素名匹配所有元素。例如：$（"div"）·.class 根据给定的类匹配元素。例如：$（".style1"）;·* 匹配所有元素。例如：$（"*"）·selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。例如：$（"#id,div,.style1"）2）.表单·:button 匹配所有按钮。例如：$...

jQuery实现图片信息的浮动显示实例代码

2017年02月06日 19 阅读

如图：复制代码代码如下: <html> <head> <meta charset="utf-8"/> <style> li{list-style:none;float:left;margin-right:10px;border:1px solid #AAAAAA} #tooltip{position:absolute;} </style> <script type="text/javasc...

实用的Jquery选项卡TAB示例代码

2017年02月06日 18 阅读

复制代码代码如下: <！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="Content...

在JavaScript中实现类的方式探讨

2017年02月06日 18 阅读

在 javascript 中有很多方式来创建对象，所以创建对象的方式使用起来非常灵活。那么，到底哪一种方式是最恰当的对象创建方式呢？构造模式，原型模式还是对象原意模式（Object literal）呢？但这些模式具体是怎么回事呢？在开始讲解之前，让我们先清楚地介绍一下关于 javascript 基本知识。有没有可能在 javascript 中实现面向对象编程的方式呢？答案是可能的，javascript 是可以创建对象的！这种对象可以包含数据及能够操...

地址栏传递中文参数乱码在js里用escape转码

2017年02月06日 18 阅读

乱码，乱码，头大，烦，话说设置Tomcat后可以解决，但有的时候不管用了，这时，我们可以考虑转码方式不直接传中文，在js里用escape转码，记得需要用两次，如： var str=escape（"这是中文参数"）; str=escape（str）; xxx.do？name=str; 在后台通过一个类的方法再转回来： Escape.unescape（request.getParameter（"name"））; Escape类如下：复制代码代码如下: pa...

ExtJS DOM元素操作经验分享

2017年02月06日 19 阅读

记得最早刚接触网页操作DOM元素的时候是做毕业设计的时候，用JQuery操作的。毕业工作后是从事C++方面的编程，两年后，又重新解决了网页编程，不过这次不是用JQuery了，用的是ExtJS。就我经验来看，程序员是一个需要不断学习的行业（这也是为什么周围的同事很多都有白头发的缘故吧）。好了，今天这篇文章的主题是分享下我使用 ExtJS 操作 DOM 元素的一些经验。设置元素点击处理函数的方法复制代码代码如下: var elem = Ext.get（...

Jquery Uploadify多文件上传带进度条且传递自己的参数

2017年02月06日 19 阅读

复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %> <html xmlns="http://www.w3.org/1999/xhtml"> <head id="Head1" runat="server"> <title>Jque...

Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例

2017年02月06日 18 阅读

复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="JquerySort.aspx.cs" Inherits="demo_JquerySort" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t...

Jquery 实现表格颜色交替变化鼠标移过颜色变化实例

2017年02月06日 18 阅读

Jquery 实现表格颜色交替变化，点击选中行，鼠标移过颜色变化效果图如下：源码（Demo）打包下载html代码如下：复制代码代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://cdnjs.clou...

jQuery动画效果-fadeIn fadeOut淡入浅出示例代码

2017年02月06日 20 阅读

复制代码代码如下: <html> <head> <meta charset="utf-8"/> <style> *{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ background:#999;...

jQuery动画效果-slideUp slideDown上下滑动示例代码

2017年02月06日 18 阅读

复制代码代码如下: [code] <html> <head> <meta charset="utf-8"/> <style> *{ margin:0; padding:0;} body{font-size:15px;} #container{ margin:60px; line-height:2em; width:300px; border:1px solid #CCC;} .head{ backgroun...

Jquery实现显示和隐藏的4种简单方式

2017年02月06日 15 阅读

Html代码：复制代码代码如下: <div class="topicList"> <h3><span>学习天地</span></h3> <ul> <li>1111111111</li> <li>2222222222</li> <li>333333333</li> <li>4444444444<...

jQuery实现用户注册的表单验证示例

2017年02月06日 15 阅读

复制代码代码如下: <html> <head> <meta charset="utf-8"/> <script type="text/javascript" src="../script/jquery-1.4.2.min.js"></script> <script> $（function（）{ $（":input.required"）.each（function（）{ var $re...

JavaScript创建对象的写法

2017年02月06日 18 阅读

对象是什么从JavaScript定义上讲对象是无序属性的集合，其属性可以包含基本值、对象或函数。也就是说对象是一组没有特定顺序的属性，每个属性会映射到一个值上，是一组键值对，值可以是数据或对象。最简单的对象JavaScript的一对花括号{}就可以定义一个对象，这样的写法实际上和调用Object的构造函数一样复制代码代码如下:var obj={};var obj2=new Object（）;这样构建出来的对象仅仅包含一个指向Object的prototyp...

JavaScript prototype 使用介绍

2017年02月06日 19 阅读

用过JavaScript的同学们肯定都对prototype如雷贯耳，但是这究竟是个什么东西却让初学者莫衷一是，只知道函数都会有一个prototype属性，可以为其添加函数供实例访问，其它的就不清楚了，最近看了一些 JavaScript高级程序设计，终于揭开了其神秘面纱。每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性，也就是说将函数用作构造函数调用（使用new操作符调用）的时候...

JavaScript 命名空间使用介绍

2017年02月06日 15 阅读

使用过Java、C#的同学对命名空间非常的熟悉，在复杂的系统中会有N多的函数、对象，语言提供的、架构预定义的，这么多的函数和对象，由于编程规范要求起有实际意义的名字，难免会重名发生错误调用，而有了命名空间烦恼就没有了，不但可以分类组织函数与对象，还可以形成隔离，解决重名问题。使用JavaScript就没有这么舒服了，Javascript只有函数作用域，什么块儿啊、神马文件啊统统都认为是一个命名空间的，有时候因为一些重名问题导致的错误让人莫名其妙，难以调试解...

JavaScript作用域链使用介绍

2017年02月06日 19 阅读

之前写过一篇JavaScript 闭包究竟是什么的文章理解闭包，觉得写得很清晰，可以简单理解闭包产生原因，但看评论都在说了解了作用域链和活动对象才能真正理解闭包，起初不以为然，后来在跟公司同事交流的时候发现作用域和执行环境确实很重要，又很基础，对理解JavaScript闭包很有帮助，所以在写一篇对作用域和执行环境的理解。作用域作用域就是变量和函数的可访问范围，控制着变量和函数的可见性与生命周期，在JavaScript中变量的作用域有全局作用域和局部作用域。...

首页 / 脚本样式 / JavaScript

javascript:void（0）使用探讨

Js中的onblur和onfocus事件应用介绍

HTML Color Picker（js拾色器效果）

JQuery筛选器全系列介绍

jQuery实现图片信息的浮动显示实例代码

实用的Jquery选项卡TAB示例代码

在JavaScript中实现类的方式探讨

地址栏传递中文参数乱码在js里用escape转码

ExtJS DOM元素操作经验分享

Jquery Uploadify多文件上传带进度条且传递自己的参数

Jquery仿淘宝京东多条件筛选可自行结合ajax加载示例

Jquery 实现表格颜色交替变化鼠标移过颜色变化实例

jQuery动画效果-fadeIn fadeOut淡入浅出示例代码

jQuery动画效果-slideUp slideDown上下滑动示例代码

Jquery实现显示和隐藏的4种简单方式

jQuery实现用户注册的表单验证示例

JavaScript创建对象的写法

JavaScript prototype 使用介绍

JavaScript 命名空间 使用介绍

JavaScript作用域链使用介绍

JavaScript 命名空间使用介绍