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

关于this和self的使用说明

2016年07月27日 7 阅读

前两天在写一个chrome的extensions，因为 content里和background交互必需要一个异步方法实现，如：复制代码代码如下: var Test = new Class（{ options: {}, initialize: function（args） { chrome.extension.sendRequest（{ "type":"options" }, function（options） { this.options = opti...

jquery下onpropertychange事件的绑定方法

2016年07月27日 11 阅读

今天做一张表单，要求行输入的时候，自动计算值，并且计算值的这一列，要自动合计。开始用了onchange事件，但是在输入的时候，用Javascript计算出并填值的那一列并不会响应onchange 事件。 Google了一下，找到 onpropertychange这个事件，用JS设置值也可以响应。在Jquery里用的时候，必须要用bind。复制代码代码如下: $（"#textboxID"）.bind（"propertychange", functio...

JavaScript判断窗口是否最小化的代码（跨浏览器）

2016年07月27日 5 阅读

复制代码代码如下:function isMinStatus（） { var isMin = false; if （window.outerWidth ！= undefined） { isMin = window.outerWidth <= 160 && window.outerHeight <= 27; } else { isMin = window.screenTop < -30000 && window.screenLeft <...

JavaScript和ActionScript的交互实现代码

2016年07月27日 5 阅读

复制代码代码如下: <？xml version="1.0" encoding="utf-8"？> <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"> <mx:Script> <！[CDATA[ import flash.external.ExternalInterface; public function inv...

SlideView 图片滑动（扩展/收缩）展示效果

2016年07月27日 5 阅读

这个其实就是以前写的图片滑动展示效果的改进版，那是我第一篇比较受关注的文章，是时候整理一下了。有如下特色： 1，有四种方向模式选择； 2，结合tween算法实现多种滑动效果； 3，能自动根据滑动元素计算展示尺寸； 4，也可自定义展示或收缩尺寸； 5，可扩展自动切换功能； 6，可扩展滑动提示功能。兼容：ie6/7/8, firefox 3.6.8, opera 10.51, safari 4.0.5, chrome 5.0 程序说明【基本原理】通过设...

jQuery的实现原理的模拟代码 -3 事件处理

2016年07月27日 5 阅读

在对象的私有扩展对象上，专门增加了一个名为 events 的事件管理对象，在这个对象上每种事件分别对应一个同名的属性，这个属性的值是一个数组，针对这个事件的处理程序依次压入这个数组中，构成一个事件处理的列表。自定义的事件处理函数即被压入这个列表中。在事件触发的时候，通过注册的匿名函数来执行 jQuery.event.handle ，由于使用了闭包，所以在这个函数中的 this 就是事件源对象，通过这个事件源对象找到对象的私有扩展数据，然后在 events...

jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend

2016年07月27日 5 阅读

jQuery.fn.extend 提供了一个扩展机制，可以方便我们通过一个或者多个示例对象来扩展某个对象。如果没有指定被扩展的对象，那么将扩展到自己身上。jQuery.extend 也可以通过 jQuery.fn.extend 使用，在 jQuery 中使用很多，用来为一个目标对象扩展成员，扩展的成员来自于一系列参考对象。这样，如果我们需要为 jQuery.fn 扩展成员 removeData，就可以这样进行。复制代码代码如下: jQuery.fn...

基于jquery的让textarea自适应高度的插件

2016年07月27日 6 阅读

Introduction 1. This textarea is like the google calendar"s description when you create one new or update one existence calendar; 2. Its height will be changed accroding to user"s input; 3. Its scrollbar is removed, which makes it...

jQuery dialog 异步调用ashx,webservice数据的代码

2016年07月27日 8 阅读

本文用到了博客园TerryFeng的例子。 Html,JS代码: 复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="test_jQuery_dialog_Default" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

JQuery Study Notes 学习笔记（一）

2016年07月27日 7 阅读

1. 使用jquery 到jquery.com下载jquery.js当前版本是1.4.2 新建一个html页面复制代码代码如下: <！DOCTYPE html><BR><html lang="en"><BR><head><BR> <meta http-equiv="Content-Type" content="text/html; charset=utf-8">...

jQuery Study Notes学习笔记（二）

2016年07月27日 6 阅读

1. 使用class与id选择HTML元素选择id为"myDivId"的元素.由于id是唯一的，所以总是选择到1个或0个元素复制代码代码如下: $（"#myDivId"）选择class为"myCssClass". 可以选择任何多个class为"myCssClass"的元素. 复制代码代码如下: $（".myCssClass"）获取或设置元素的值复制代码代码如下: var myValue = $（"#myDivId"）.val（）; ...

zeroclipboard复制到剪切板的flash

2016年07月27日 8 阅读

下面说实现步骤： 1- 引用文件。下载后会得到两个核心文件ZeroClipboard.js和ZeroClipboard.swf，在项目中引用其中一个。 <script type="text/javascript" src="http://www.cnblogs.com/Scripts/ZeroClipboard/ZeroClipboard.js"></script> 2- 加载ZeroClipboard对象，并实现复制功能。复制代...

团购、定时抢购倒计时js版

2016年07月27日 6 阅读

团购、定时抢购倒计时 var tms = []; var day = []; var hour = []; var minute = []; var second = []; function takeCount（） { setTimeout（"takeCount（）", 1000）; for （var i = 0, j = tms.length; i < j; i++） { //计数减一 tms[i] -= 1000; //计算时分秒 v...

Js获取事件对象代码

2016年07月27日 6 阅读

一般做法：复制代码代码如下: <input type="button" id="test" value="点我测试" /> <script type="text/javascript"> var testBtn = document.getElementById（"test"）; testBtn.onclick = testFun; function testFun（e） { var evt = e || window.even...

firefox事件处理之自动查找event的函数（用于onclick=foo（））

2016年07月27日 10 阅读

IE与firefox事件处理在ie中，事件对象是作为一个全局变量来保存和维护的。所有的浏览器事件,不管是用户触发的，还是其他事件，都会更新window.event 对象。所以在代码中，只要轻松调用 window.event 就可以轻松获取事件对象，再 event.srcElement 就可以取得触发事件的元素进行进一步处理在ff中，事件对象却不是全局对象，一般情况下，是现场发生，现场使用，ff把事件对象自动传递给对应的事件处理函数。在...

JavaScript 获取当前时间戳的代码

2016年07月27日 6 阅读

JavaScript 获取当前时间戳：第一种方法：复制代码代码如下: var timestamp = Date.parse（new Date（））; 结果：1280977330000 第二种方法：复制代码代码如下: var timestamp = （new Date（））.valueOf（）; 结果：1280977330748 以上代码将获取从 1970年1月1日午夜开始的毫秒数。二者的区别是，第一种方法的毫秒位上为全零，即只是精确到秒的毫秒...

使用ExtJS技术实现的拖动树结点

2016年07月27日 7 阅读

一、结点拖放的位置拖放结点包含了两个动作，拖（drag）和放（drop）。拖很好理解，就是将结点拖起来，拖哪一个结点的效果都是一样的。不过放结点就比较复杂了。放结点可分为如下两种情况：追加（append）结点：如果将拖动的结点正好放在非叶子结点的上面，TreePanel组件会将这个结点移动到非叶子结点下面作为该结点的子结点。由于TreePanel的限制，叶子结点不能append。在同一层做上下移动（above和below）：如果将拖动的结点放在叶子...

JS 实现完美include载入实现代码

2016年07月27日 7 阅读

js为什么需要include？让我们想想这样1个场景，a.js 需要用到1个公用的common.js，当然你可以在用到a.js的页面使用<script src="common.js">，但假设有5个页面用到了a.js，你是不是要写5遍<script。而且要是以后a.js 又需要引用common2.js，你是不是又的修改5个页面了？已有js include的一些问题在写这个之前在网上搜索了些资料，发现以前写的include都存在2个...

一个报数游戏js版（约瑟夫环问题）

2016年07月27日 6 阅读

这个也算是老题目了，园子里边也曾针对此题有过激烈的讨论，那时候追求用oo来解决。如今既然又有人提了出来，我便抽了点时间写了写自己的想法: 复制代码代码如下: <script type="text/javascript"> var a_game = function（pNum）{ var players = []; for（var i=1;i<=pNum;i++）{ players.push（i）; } var flag=0; while...

js继承的实现代码

2016年07月27日 8 阅读

base.js --继承的实现========================== 【注】：继承后，如果父类是一个类，则会继承其属性，方法（包括用prototype声明的），静态方法，否则只有属性和方法。复制代码代码如下: Object.prototype.extendf= function （a,b）{ if（！a||！b） return; var fa = typeof a=="function"; var fb = typeof b=="func...

首页 / 脚本样式 / JavaScript

关于this和self的使用说明

jquery下onpropertychange事件的绑定方法

JavaScript判断窗口是否最小化的代码（跨浏览器）

JavaScript和ActionScript的交互实现代码

SlideView 图片滑动（扩展/收缩）展示效果

jQuery的实现原理的模拟代码 -3 事件处理

jQuery的实现原理的模拟代码 -4 重要的扩展函数 extend

基于jquery的让textarea自适应高度的插件

jQuery dialog 异步调用ashx,webservice数据的代码

JQuery Study Notes 学习笔记（一）

jQuery Study Notes学习笔记 （二）

zeroclipboard复制到剪切板的flash

团购、定时抢购倒计时js版

Js获取事件对象代码

firefox事件处理之自动查找event的函数（用于onclick=foo（））

JavaScript 获取当前时间戳的代码

使用ExtJS技术实现的拖动树结点

JS 实现完美include载入实现代码

一个报数游戏js版（约瑟夫环问题）

js继承的实现代码

jQuery Study Notes学习笔记（二）