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

Javascript this 关键字详解

2017年02月06日 12 阅读

一、this指向构造函数实例化对象在上篇文章中，我们提到了使用new和不使用new调用构造函数的区别，如下例：复制代码代码如下:function Benjamin（username, sex） { this.username = username; this.sex = sex;}var benjamin = new Benjamin（"zuojj", "male"）;//Outputs: Benjamin{sex: "male",username: "...

Javascript原型链和原型的一个误区

2017年02月06日 12 阅读

之前我对Javascript的原型链中, 原型继承与标识符查找有些迷惑,如, 如下的代码:复制代码代码如下:function Foo（） {};var foo = new Foo（）;Foo.prototype.label = "laruence";alert（foo.label）; //output: laruencealert（Foo.label）;//output: undefined今天看到了如下这个图:Javascript object lay...

js实现select跳转功能代码

2017年02月06日 12 阅读

js简单实现select跳转功能：代码如下<！DOCTYPE html> <html> <head> <title></title> </head> <body> <div class="selectBox"> <select class="toSlt"> <option href="http://jichuang.gongchang.cn/p...

一个不错的js html页面倒计时可精确到秒

2017年02月06日 14 阅读

一个不错的js html页面倒计时可精确到秒，很简单，但和实用 <！doctype html> <html> <head> <meta charset="utf-8"> </head> <body> <DIV id="CountMsg" class="HotDate"> <span id="t_d">00天</span> <span id="t...

原生js和jQuery随意改变div属性style的名称和值

2017年02月06日 13 阅读

一些简单的例子，用原生js和jQuery实现随意改变div属性，和重置。代码如下：<！DOCTYPE html><html><head><meta charset="utf-8"/><title>函数传参，改变Div任意属性的值</title><style type="text/css">body,p{margin:0;padding:0;}body{color:#333;...

jQuery实现的导航条切换可显示隐藏

2017年02月06日 12 阅读

用jQuery实现一些导航条切换，显示隐藏，主要运用的技术有slideToggle（），toggeClass（），toggle（）:代码如下：<！DOCTYPE html><html><head><meta charset="utf-8"><title>导航条在项目中的应用</title><script language="javascript" type="text/ja...

用简洁的jQuery方法toggleClass实现隔行换色

2017年02月06日 13 阅读

今天用一种简洁的方法toggleClass（）实现了隔行换色:代码如下：<！DOCTYPE HTML><html><head><meta charset="utf-8"><title>隔行换色</title><script src="js/jquery-1.4.2.min.js"></script><style type="text/css">bod...

运用jQuery定时器的原理实现banner图片切换

2017年02月06日 12 阅读

主要运用了定时器的原理，bind,trigger应用等<！DOCTYPE html><html><head><meta charset="utf-8"><title>banner切换实现</title><style type="text/css">/** @description: banner切换样式* @author: lanfeng（beryl）* @time:201...

用jquery模仿的a的title属性的例子

2017年02月06日 12 阅读

用jQuery实现的模仿a的title属性的例子，在测试的时候ie6,7上出现了层次混乱，不过最终解决了。html代码如下：<div class="wrap"><ul class="list clearfix"><li><a href="">UI设计师</a><div class="show"><p>所属部门：技术部</p><p>工作地点：郑州<...

jquery实现导航固定顶部的效果仿蘑菇街

2017年02月06日 12 阅读

jquery实现导航固定顶部的效果，仿蘑菇街的，感觉还不错，需要的朋友可以参考下<！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>&l...

深入分析JQuery和JavaScript的异同

2017年02月06日 13 阅读

ps:LZ觉得这个标题有点大了，超出了能力范围，不喜勿碰。目前只记录LZ能力范围内的，日后持续补充。一、JQuery对象和DOM对象的相互转化（《锋利的JQuery》） JQuery转化为DOM： 1、var jq = $（‘#selector"）; var dom = jq[index]; 2、var jq1 = $（‘#selector1"）; var dom1 = jq1.get（index）或者 var dom1 = jq1.get（）[inde...

Google Maps API地图应用示例分享

2017年02月06日 13 阅读

效果（新版Firefox中测试）：代码：<！DOCTYPE><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>Google Map</title><script type="text/javascript" src="http://maps.google.com...

form.submit（）不能提交表单的原因分析

2017年02月06日 12 阅读

直接上代码把：复制代码代码如下:<div id="register"><h4>会员注册</h4><div class="formdiv"><form method="post" action="register.php?action=register" name="register" id="registerForm"><dl><dt>请认真填写以下内容</...

实用框架（iframe）操作代码

2017年02月06日 12 阅读

常用代码：<iframe src="http://www.baidu.com" marginwidth="0" marginheight="0" border="0"scrolling="no" frameborder="0"width="350" height="270"></iframe><iframe src="http://www.jb51.net/plugins/like.php?href=YOUR_URL"...

上传图片预览JS脚本 Input file图片预览的实现示例

2017年02月06日 12 阅读

在深圳做项目的时候，需要一个用户上传头像预览的功能！是在网上找了好多，都不太满意。要么是flash的，要么是Ajax上传后返回图片路径的，要么压根就是不能用的。幸运的是在这个项目以前有人写过一个图片预览的功能，还被我给翻了出来，在这里做个记录，方便自己以后用，也方便其他需要的朋友！代码很简单，如下：<！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3...

JavaScript极简入门教程（一）：基础篇

2017年02月06日 12 阅读

阅读本文需要有其他语言的编程经验。开始学习之前大多数的编程语言都存在好的部分和差的部分。本文只讲述 JavaScript 中好的部分，这是因为：1.仅仅学习好的部分能够缩短学习时间2.编写的代码更加健壮3.编写的代码更加易读4.编写的代码更加易于维护弱类型和强类型通常来说，越早的修复错误，为之付出的代价就越小。强类型语言的编译器可以在编译时检查某些错误。而 JavaScript 是一门弱类型语言，其解释器无法检查类型错误，但实践表明：1.强类型能够避免的错...

JavaScript极简入门教程（二）：对象和函数

2017年02月06日 12 阅读

阅读本文需要有其他语言的编程经验。JavaScript 中的简单类型包括：1.数字2.字符串3.布尔（true 和 false）4.null5.undefined此外的其他类型均是对象（我们不要被 typeof 操作符的返回值所迷惑），例如：1.函数2.数组3.正则表达式4.对象（对象自然也是对象）对象基础在 JavaScript 中，对象是属性的集合（对象为关联数组），每个属性包括：1.属性名，必须为字符串2.属性值，可以为除了 undefined 之外...

JavaScript极简入门教程（三）：数组

2017年02月06日 12 阅读

阅读本文需要有其他语言的编程经验。在 JavaScript 中数组是对象（而非线性分配的内存）。通过数组 literal 来创建数组：复制代码代码如下:var empty = [];var numbers = [ "zero", "one", "two", "three", "four", "five", "six", "seven", "eight", "nine"];empty[1] // undefinednumbers[1] // "one"em...

Nodejs极简入门教程（一）：模块机制

2017年02月06日 14 阅读

JavaScript 规范（ECMAScript）没有定义一套完善的能适用于大多数程序的标准库。CommonJS 提供了一套 JavaScript 标准库规范。Node 实现了 CommonJS 规范。模块基础在 Node 中，模块和文件是一一对应的。我们定义一个模块：复制代码代码如下:// circle.jsvar PI = Math.PI;// 导出函数 areaexports.area = function（r） { return PI * r *...

Nodejs极简入门教程（二）：定时器

2017年02月06日 13 阅读

setTimeout 和 clearTimeout复制代码代码如下:var obj = setTimeout（cb, ms）;setTimeout 用于设置一个回调函数 cb，其在最少 ms 毫秒后被执行（并非在 ms 毫秒后马上执行）。setTimeout 返回值可以作为 clearTimeout 的参数，clearTimeout 用于停止定时器，这样回调函数就不会被执行了。setInterval 和 clearInterval复制代码代码如下:va...

首页 / 脚本样式 / JavaScript

Javascript this 关键字 详解

Javascript原型链和原型的一个误区

js实现select跳转功能代码

一个不错的js html页面倒计时可精确到秒

原生js和jQuery随意改变div属性style的名称和值

jQuery实现的导航条切换可显示隐藏

用简洁的jQuery方法toggleClass实现隔行换色

运用jQuery定时器的原理实现banner图片切换

用jquery模仿的a的title属性的例子

jquery实现导航固定顶部的效果仿蘑菇街

深入分析JQuery和JavaScript的异同

Google Maps API地图应用示例分享

form.submit（）不能提交表单的原因分析

实用框架（iframe）操作代码

上传图片预览JS脚本 Input file图片预览的实现示例

JavaScript极简入门教程（一）：基础篇

JavaScript极简入门教程（二）：对象和函数

JavaScript极简入门教程（三）：数组

Nodejs极简入门教程（一）：模块机制

Nodejs极简入门教程（二）：定时器

Javascript this 关键字详解