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

jquery div拖动效果示例代码

2017年02月06日 16 阅读

复制代码代码如下: <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">...

Javascript全局变量var与不var的区别深入解析

2017年02月06日 14 阅读

相信你对全局变量一定不陌生，在函数作用域里用a=1这种形式定义的变量会是一个全局变量，在全局作用域里，用下面3种形式都可以创建对全局可见的命名：复制代码代码如下:<script>var a = 1;b = 2;window.c = 3;</script>对于b=2这种方式，它其实和c是一样的，在执行这个赋值语句的时候，会沿着作用域链寻找名字叫做b的变量，一直找到作用域链的顶端还没有找到，于是给window添加一个属性b然后赋值。...

深入理解Javascript作用域与变量提升

2017年02月06日 14 阅读

下面的程序是什么结果？复制代码代码如下:var foo = 1;function bar（） {if （！foo） {var foo = 10;}alert（foo）;}bar（）;结果是10；那么下面这个呢？复制代码代码如下:var a = 1;function b（） {a = 10;return;function a（） {}}b（）;alert（a）;结果是1. 吓你一跳吧？发生了什么事情？这可能是陌生的，危险的，迷惑的，同样事实上也是非常有...

解析Javascript中难以理解的11个问题

2017年02月06日 15 阅读

1.原始值与引用值原始值存放在栈里, 引用值存放在堆里. 如程序:复制代码代码如下:function Person（id,name,age）{this.id = id;this.name = name;this.age = age;}var num = 10;var bol = true;var str = "abc";var obj = new Object（）;var arr = ["a","b","c"];var person = new Per...

JS连连看源码完美注释版（推荐）

2017年02月06日 15 阅读

闲来无事，也写一个javascript连连看，注释比较完整，想学的朋友可要看了。连连看最难的部分应该是路径搜索，即鼠标点的两点之间看有无可通的路径。看过有人写的递归写法，心里痒痒，就捉摸了一下，发现不用递归的情况下难度也不大。路径搜索由简到难分析，先分析一条直线上是否可直线连通，再分析一条直线上的两点通过拐两个弯是否可通,最后分析不在一条直线上的情况.在IE6, IE8, firefox3.0.3下测试过.复制代码代码如下:<html>&l...

关于js内存泄露的一个好例子

2017年02月06日 14 阅读

我把别人的例子改了一下，觉得这样写更紧凑！套用别人的原话，当一个DOM对象包含一个Js对象的引用（例如一个Event Handler），而这个Js对象又持有对这个DOM对象的引用时，一个环状引用就行成了，于是在ie下就出现了内存泄露。点击“运行代码”并打开任务管理器看内存变化。分别在ie8和ff下测试，差距不用多说。运行代码复制代码代码如下:<html> <head> <title>Memory leak</t...

javascript贪吃蛇完整版（源码）

2017年02月06日 14 阅读

javascript贪吃蛇完整版注释完整，面向对象复制代码代码如下:<html><head> <title>贪吃蛇 Snake v2.4</title><style> body{ font-size:9pt; } table{ border-collapse: collapse; border:solid #333 1px; } td{ height: 10px; width: 10px; f...

javascript放大镜效果的简单实现

2017年02月06日 20 阅读

这个效果并不难，要点是位置和比例设置，捕获鼠标位置、判断鼠标位置区域、还有onmouseover事件、onmousemove事件、onmouseout事件设置显示大图的比例，小图上显示的切图比例都要弄准确点，最好是2倍啦，4倍啦。主要注意宽度，我这里的图片m.jpg是1440X900的....复制代码代码如下:<！DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "http:/...

js Array操作的最简短最容易理解方法

2017年02月06日 18 阅读

Array 的方法1 Array.join（）: 把所有元素用符号连结成string返回，如果元素不是基本类型，先调用toString.它对应string.split（）;arr = [1,2,true,3,4,5];（arr.join（"-"） == "1-2-true-3-4-5";2 Array.reverse（）: 逆序排列数组arr = [1,2,true,3,4,5];arr.reverse（）;// arr == [5,4,3,true,...

深入理解JavaScript中的传值与传引用

2017年02月06日 19 阅读

1.传值（by value）变量的值被复制出一份,与原来的值将不相干,也就是说即使新的值被修改,原来的值也不会改变,在JavaScript中基本类型都是传值的.复制代码代码如下:function testPassValue（）{ var m=1; var n=2; //将m,n的值复制一份,传递到passValue passValue（m,n）; alert（m）; //将是原有的值}function passValue（a,b）{ a = a+b; /...

JS的replace方法

2017年02月06日 14 阅读

定义和用法 replace（）方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。语法 stringObject.replace（regexp/substr,replacement）参数描述regexp/substr必需。规定子字符串或要替换的模式的 RegExp 对象。请注意，如果该值是一个字符串，则将它作为要检索的直接量文本模式，而不是首先被转换为 RegExp 对象。replacement必需。一个字符串值。规定了替换文...

跨域传值即主页面与iframe之间互相传值

2017年02月06日 19 阅读

需求一：主页面A 怎么向 iframe B 传递数据呢？这种方式，是主页面需要给 iframe B 传递数据，然后 iframe B 获得到数据后进行特定的处理实现方式实现的技巧就是利用 location 对象的 hash 值，通过它传递通信数据，我们只需要在主页面A中设置 iframe B 的 src 后面多加个 #data 字符串（data就是你要传递的数据），如下图所示：然后在 iframe B 中通过某种方式能即时的获取到这儿 data 就...

使用js实现按钮控制文本框加1减1应用于小时+分钟

2017年02月06日 17 阅读

time.html代码：复制代码代码如下: <！doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" co...

JavaScript—window对象使用示例

2017年02月06日 17 阅读

window对象是JavaScript浏览器对象模型中的顶层对象，包含多个常用方法和属性： 1 打开新窗口复制代码代码如下: window.open（pageURL,name,parameters）其中： pageURL为子窗口路径 name为子窗口句柄 parameters为窗口参数（各参数用逗号分隔）如：复制代码代码如下: window.open（"http://www.cnblogs.com/zhouhb/","open","heigh...

jQuery取得select选择的文本与值的示例

2017年02月06日 18 阅读

获取select ：获取select 选中的 text : $（"#ddlregtype"）.find（"option:selected"）.text（）; 获取select选中的 value: $（"#ddlregtype "）.val（）; 获取select选中的索引: $（"#ddlregtype "）.get（0）.selectedindex; 设置select: 设置select 选中的索引： $（"#ddlregtype "）.get（0）....

用Javascript获取页面元素的具体位置

2017年02月06日 17 阅读

制作网页的过程中，你有时候需要知道某个元素在网页上的确切位置。下面的教程总结了Javascript在网页定位方面的相关知识。一、网页的大小和浏览器窗口的大小首先，要明确两个基本概念。一张网页的全部面积，就是它的大小。通常情况下，网页的大小由内容和CSS样式表决定。浏览器窗口的大小，则是指在浏览器窗口中看到的那部分网页面积，又叫做viewport（视口）。很显然，如果网页的内容能够在浏览器窗口中全部显示（也就是不出现滚动条），那么网页的大小和浏览...

ExtJS的拖拽效果示例

2017年02月06日 14 阅读

复制代码代码如下: <html> <head> <title>hello</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <link rel="Stylesheet" type="text/css" href="http:10.19.1.55/lib/extjs/resources/css...

深入理解Javascript动态方法调用与参数修改的问题

2017年02月06日 18 阅读

Javascript中可以对所传参数在函数内进行修改，如下复制代码代码如下:function func1（name） { name = "lily"; alert（name）; } func1（"jack"）;//输出lily再看一个例子复制代码代码如下:function fun1（n） { this.name = n; } function fun2（name） { fun1.call（this,"lily"）; alert（name）; ...

Javascript中各种trim的实现详细解析

2017年02月06日 14 阅读

这是lgzx公司的一道面试题，要求给js的String添加一个方法，去除字符串两旁的空白字符（包括空格、制表符、换页符等）。复制代码代码如下:String.prototype.trim = function（） { //return this.replace（/[（^s+）（s+$）]/g,""）;//會把字符串中間的空白符也去掉 //return this.replace（/^s+|s+$/g,""）; // return this.repla...

浅析jQuery1.8的几个小变化

2017年02月06日 14 阅读

一，.width（）和 .height（）方法1.8增加了对css属性box-sizing的支持，需要注意与1.7.2的区别了。1.7.2及以前的版本无论是否定义box-sizing: border-box返回的都是盒模型中元素内容的宽度或高度，不包括padding和border。1.8后则不同了，当设置了css属性box-sizing: box-border后，使用width（）返回的数值有可能与css中设置的不同。如复制代码代码如下:<！DO...

首页 / 脚本样式 / JavaScript

jquery div拖动效果示例代码

Javascript全局变量var与不var的区别深入解析

深入理解Javascript作用域与变量提升

解析Javascript中难以理解的11个问题

JS连连看源码完美注释版（推荐）

关于js内存泄露的一个好例子

javascript贪吃蛇完整版（源码）

javascript放大镜效果的简单实现

js Array操作的最简短最容易理解方法

深入理解JavaScript中的传值与传引用

JS的replace方法

跨域传值即主页面与iframe之间互相传值

使用js实现按钮控制文本框加1减1应用于小时+分钟

JavaScript—window对象使用示例

jQuery取得select选择的文本与值的示例

用Javascript获取页面元素的具体位置

ExtJS的拖拽效果示例

深入理解Javascript动态方法调用与参数修改的问题

Javascript中各种trim的实现详细解析

浅析jQuery1.8的几个小变化