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

DIV外区域Click后关闭DIV的实现代码

2016年07月27日 7 阅读

阻止冒泡：1、stopPropagation（）对于非IE浏览器。2、cancelBubble属性为true，对于IE浏览器，而Jquery已经有兼容浏览器的方法，event.stopImmediatePropagation（）; 复制代码代码如下: <style> body { background:black; } #myDiv { background: #fff; width:250px; hei...

jquery事件机制扩展插件 jquery鼠标右键事件

2016年07月27日 6 阅读

因为最近技术长进缓慢，也没高手带，只能靠自己了，所以想仿个WEBQQ来锻炼下自己。做之前最好先把必要的东西准备好。jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。但是这不是我想要的，我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用，而不需要每次都去判断。这里通过编写jq...

jquery $.getJSON（）跨域请求

2016年07月27日 6 阅读

1，同一域名下和其他的请求可以是一样的 js: 复制代码代码如下: var url="http://localhost:2589/a.ashx"; $（function（）{ $.getJSON（url,function（data）{ alert （data.Name）; }） }）; 服务器返回字符串： {"Name":"loogn","Age":23} 2，不同域名下 js: 复制代码代码如下: var url="http://localhost...

JavaScript面向对象程序设计三原型模式（上）

2016年07月27日 6 阅读

我们创建的每一个函数都有一个prototype（原型）属性，该属性是一个对象，包含可以有特定类型的所有实例共享的属性和方法。使用它的好处就在于可以让所有对象实例共享它所包含的属性和方法，也就是说，不必在构造函数中定义对象的信息，而是可以将这些信息，直接添加在原型对象中，如下所示，还是接着改写前两篇日志中的例子：复制代码代码如下: function Employee（） { }; Employee.prototype.Name = "Jim"; Empl...

jquery随机展示头像代码

2016年07月27日 5 阅读

先分析实现思路需要一个容器，作为头像显示的区域。容器内部需要头像图片作为展示。随机每个头像的大小，位置，层级。头像位置随机范围要减去等于该头像宽高，以限制随机范围不溢出容器。样式复制代码代码如下: *{ margin:0; padding:0;} .Icon-Box{ width:960px; height:700px; margin:0 auto; position:relative;} .Icon-Box li{ position:abs...

jQuery中创建实例与原型继承揭秘

2016年07月27日 5 阅读

如 new Object（）、new Date（）等等！（object有{}，数组有[]这样的快捷方式，我们主要探讨new这种方式。）我们在使用jQuery时从来没有使用过new，他是不是用其他方法来生成实例呢？是不是没有使用prototype属性呢？事实上他都有使用，只是内部处理的非常巧妙，提高了使用的爽快度。我们来看看他的源码。复制代码代码如下: funtion jQuery（ selector, context）{ return new ...

jquery 年会抽奖程序

2016年07月27日 5 阅读

看了一下，传不了源代码，特粘帖html 复制代码代码如下: <！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> <titl...

js DOM的学习笔记

2016年07月27日 8 阅读

今天学习了DOM，做了以下一些基础练习…… DOM是Document Object Model文档对象模型的缩写；使用JavaScript操作DOM进行DHTML开发。学习目标：能够使用JavaScript操作Dom实现常见的DHTML效果。参考书：张孝祥《JavaScript网页开发——体验式学习教程》一、DOM的入门： 1、DOM就是HTML页面的模型，将每个标签都做为一个对象，JavaScript通过调用DOM中的属性、方法就可以对网页中的文本...

关于跨站脚本攻击问题

2016年07月27日 7 阅读

一般的攻击就是写一段脚本看是否能执行，就能判断是否是攻击了，比如说我写<script> alert（"执行了我了哦！！！"）; </script>，然后看看当页面加载的时候是否能执行，就行了。目前为止一般的网站这段代码都不会执行，但是换一种方式呢？比如<SCRIPT>alert（String.fromCharCode（88,83,83））</SCRIPT>，估计也米有几个网站执行吧，大家都知道的。下面看更...

JS代码优化技巧之通俗版（减少js体积）

2016年07月27日 5 阅读

细读完这篇文章，够你优化大半天的了，关于JS优化方法大都脱离不了这三种方法。（网页总大小为155.k，而JS就占了100.3K）是时候优化下JS了关于JS优化的文章已经很多了，大多技术性很强，像什么变量、字符串、类型，就不做介绍了，也不需要介绍，我也不懂，你知道了也没用。大多数站长都是“拿来主义”，我只需要告诉JS怎么放，删那里就可以了。现在的网站都加的有统计代码、分享工具、评论列表、相关文章插件等工具，而要实现强大的功能，必须使用JS文件，正是这些JS...

非常有用的40款jQuery 插件推荐（系列二）

2016年07月27日 5 阅读

今天开始将发布系列文章向大家分享40款非常有用的 jQuery 插件。HTML5 File Uploads with jQuery（演示|下载）这是一款用于帮助你实现 HTML5 文件拖放上传功能的 jQuery 插件。Shuffle Letters Effect: a jQuery Plugin（演示|下载）这款插件能够帮助实现非常酷的文字显示效果，可用于标题、LOGO和幻灯片。Skitter（演示|下载）Skitter 是一款非常精美的幻灯片插件，可以...

初学Jquery插件制作在SageCRM的查询屏幕隐藏部分行的功能

2016年07月27日 7 阅读

解决思路：1、在标题处增加一个【—】【+】号，供用户点击。 2、用户收缩和展开屏幕的行为保存在Cookie里面。页面重新加载或者用户重新登录系统，仍然能记住用户的行为。优点：1、使用Jquery插件的形式来做，容易扩展。容易实现。 2、保存在Cookie的行为，容易实现，减少工作量，用户也能接收。如保存在数据库，则增加页面的负载。缺点：不能每个页面使用单独行为，既是：每次用户的收缩和扩展在系统都是全局的。并且到其他计算机登录、或者清...

查看源码的工具学习jQuery源码不错的工具

2016年07月27日 5 阅读

使用jQuery还可以让我们从各大浏览器不兼容的噩梦中解脱出来，最新版的jQuery还增强的对HTML5的支持，使得我们更加应该使用它。但是jQuery的源码很长，有些地方的实现还很巧妙，使得我们仅仅会javascript也未必能很好的理解每个函数是怎么运行的。下面就让我分享我学习jQuery源码的时候使用的几个工具和应该了解的问题。这个jquery源代码查看器，还不是很强大，只是能够简单的查看函数引用，但是不能返回。我上这个网上下载下来了，准备改进一...

jquery事件机制扩展插件 jquery鼠标右键事件。

2016年07月27日 5 阅读

jquery其实本身的事件机制就很完善了，包括了单击，双击，鼠标移入，鼠标移出等。但是却少了一个做事件。就是鼠标右击事件。当然大家也是直接用侦听鼠标按下事件，然后通过if来判断执行相应的函数。造成鼠标右击事件的效果。但是这不是我想要的，我想要的似乎这个事件可以跟其它事件比如单击事件一样。可以被方便的使用，而不需要每次都去判断。这里通过编写jquery插件的形式扩展，让这个方法可以直接使用$（）.rightClick（）;来使用。 jQuery的插件主要分...

JavaScript 原型继承

2016年07月27日 6 阅读

Object.prototype JavaScript是基于原型继承的，任何对象都有一个prototype属性。Object.prototype是所有对象的根，并且不可改变。复制代码代码如下: Object.prototype=null; alert（Object.prototype）;//[object Object] Object与Object.prototype Object继承于Object.prototype,增加一个属性给Object.p...

js 函数调用模式小结

2016年07月27日 7 阅读

方法调用模式当一个函数被保存为对象的一个属性时，我们称之它为该对象的一个方法，那么this被绑定到该对象上。复制代码代码如下: var myObject={ name : "myObject" , value : 0 , increment : function（num）{ this.value += typeof（num） === "number" ？ num : 0; } , toString : function（）{ return "[Obj...

js bind 函数使用闭包保存执行上下文

2016年07月27日 8 阅读

复制代码代码如下: window.name = "the window object" function scopeTest（） { return this.name; } // calling the function in global scope: scopeTest（） // -> "the window object" var foo = { name: "the foo object！", otherScopeTest: functio...

JavaScript打字小游戏代码

2016年07月27日 6 阅读

功能模块：程序设计： 1.可选择游戏时间，显示倒计时 1.定义全局变量 2.可选择英文字母出现个数 2.控制游戏时间函数 3.统计得分 3.动画效果 4.菜单选项 4.设定字母图片出现的时间 5.判断函数 6.游戏菜单 ...

JavaScript中的property和attribute介绍

2016年07月27日 6 阅读

首先看看这两个单词的英文释义（来自有道词典）。先是property：复制代码代码如下: property ["prɔpəti] n. 性质，性能；财产；所有权英英释义： any area set aside for a particular purpose “the president was concerned about the property across from the White House” 同义词：place s...

js使用函数绑定技术改变事件处理程序的作用域

2016年07月27日 5 阅读

第一种，也是最常见的，就是直接在html标签里面通过指定事件处理程序同名的HTML属性来注册事件，代码如下：复制代码代码如下: function eventHandler（） { alert（"当前作用域是 input 元素本身"）; } <input type="button" value="单击我" onclick="eventHandler（this）"/> 第二种方式就是将一个函数赋值给一个事件处理程序属性。这种方式首先的获取到...

首页 / 脚本样式 / JavaScript

DIV外区域Click后关闭DIV的实现代码

jquery事件机制扩展插件 jquery鼠标右键事件

jquery $.getJSON（）跨域请求

JavaScript面向对象程序设计三 原型模式（上）

jquery随机展示头像代码

jQuery中创建实例与原型继承揭秘

jquery 年会抽奖程序

js DOM的学习笔记

关于跨站脚本攻击问题

JS代码优化技巧之通俗版（减少js体积）

非常有用的40款jQuery 插件推荐（系列二）

初学Jquery插件制作 在SageCRM的查询屏幕隐藏部分行的功能

查看源码的工具 学习jQuery源码不错的工具

jquery事件机制扩展插件 jquery鼠标右键事件。

JavaScript 原型继承

js 函数调用模式小结

js bind 函数 使用闭包保存执行上下文

JavaScript打字小游戏代码

JavaScript中的property和attribute介绍

js使用函数绑定技术改变事件处理程序的作用域

JavaScript面向对象程序设计三原型模式（上）

初学Jquery插件制作在SageCRM的查询屏幕隐藏部分行的功能

查看源码的工具学习jQuery源码不错的工具

js bind 函数使用闭包保存执行上下文