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

JavaScript高级程序设计学习笔记 js高级技巧

2016年07月27日 5 阅读

第十八章高级技巧 1.高级函数 1.1 作用域安全的构造函数 ①直接调用构造函数而不适用new操作符时，由于this对象的晚绑定，它将映射在全局对象window上，导致对象属性错误增加到window。复制代码代码如下: function Person（name,age,job）{ this.name = name; this.age = age; this.job = job; } Var person = Person（"Jay",29,"sing...

70+漂亮且极具亲和力的导航菜单设计国外网站推荐

2016年07月27日 5 阅读

导航菜单应当足够简单以让用户快速了解它，但还要包含一些必要的元素来引导用户浏览整个网站——融入一些有创意且漂亮的设计。向大家推荐的70款优秀的导航菜单，有些是基于CSS设计的，有些是基于CSS+JavaScript的菜单，还有些是基于Flash的导航菜单设计，它们都有一个共同点:那就是它们都极具创意、界面对用户有好的，且完美的与网站的整体风格融合在一起。1.基于CSS的导航菜单设计Loodo让网站更有感觉的华丽的菜单Acko.netSteven将他网站的导...

javascript中的注释使用与注意事项小结

2016年07月27日 8 阅读

在javascript中有两种注释方式：单行注释： // 多行注释： /* */ 注释主要是为了让我们编写的程序更具有可读性，也便于他人来进行二次修改看下面的例子，我们给正则表达式用/* */注释了，运行时发布报了一个语法错误复制代码代码如下: /* var rm_a = /a*/.match（s）; */ 所以说块级注释是不安全的，如果在我们的代码中犯了这样的错误，很难去排查所以最好是用单选注释// 取代多行注释 /* */JavaScrip...

js获取图片大小的函数代码

2016年07月27日 5 阅读

1、获取图片大小的函数getImageSize 复制代码代码如下: function getImageSize（imageEl） { var i = new Image（）; //新建一个图片对象 i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src return new Array（i.width, i.height）; //返回图片的长宽像素 //return [i.width, i.height]; } 2、...

Dom操作之兼容技巧分享

2016年07月27日 6 阅读

例如：我们在获取ul下所有li元素的时候．或者是某个元素的下一个元素时．都有可能会碰到这讨厌的空格问题．当然在IE浏览器里这些空格会被自动过滤．而FF则没有那么勤劳．FF浏览器会把这些空格也看作为一个元素．如果你对Dom中的空格元素感到疑惑，请运行下面的代码．至少使用IE和FF两种浏览器测试．你会明白一切！复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta charset...

分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码

2016年07月27日 5 阅读

复制代码代码如下: <！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> <TITLE>分别用marquee和div+...

仅2行代码的javascript按指定格式显示日期时间效果

2016年07月27日 5 阅读

在蓝色理想学习了N年，今天第一次发点自己的原创，因为我曾为解决该问题花了不少时间，主要是网络上找到的代码要么非常烦琐，要么不能通用或格式只能固定几个，所以我专门对这个问题进行了研究，最终优化到只有2行代码，非常精简。主要是用到了JSON、正则和eval 函数，如果有什么问题欢迎大家指正。感谢zhanyuzai 的优化，经测试2行代码没有发现问题，现在已更新过来 /// /// 格式化显示日期时间 /// /// 待显示的日期时间，例如new ...

关于onScroll事件在IE6下每次滚动触发三次bug说明

2016年07月27日 7 阅读

这里有一个人和我一样的情况http://topic.csdn.net/t/20020826/11/970138.html但帖子内有人测试又没问题，我测试的IE6是windows 2003下的，不知道XP下的是否已修复该问题。在微软官方找到一篇关于IE5存在此BUG的帮助文档。http://support.microsoft.com/kb/238004/zh-cn解决办法是用一个全局变量来限制触发的3次事件只执行一次，200ms后再将该变量复位即可。这个问题...

基于jquery的一个拖拽到指定区域内的效果

2016年07月27日 5 阅读

这个可与前两个不同了，这个是拖拽到指定的区域内的特效。其实逻辑方式差不多，只不过不同的是找到目标元素，用appendTo 的方法插入到目标元素。具体的代码如下，有兴趣者可以试下。（由于是初学，做的简单，如果有其他的方法请给下指点，我定感激不尽哈。。。）复制代码代码如下: <！DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content...

extjs 初始化checkboxgroup值的代码

2016年07月27日 15 阅读

复制代码代码如下: Ext.override（Ext.form.CheckboxGroup,{ setValueForItem : function（val）{ //多个选项值以逗号分开的 val = ","+val+"," this.items.each（function（item） { if （val.indexOf（item.inputValue） > -1） { item.setValue（true）; } else { item.setV...

javascript代码编写需要注意的7个小细节小结

2016年07月27日 6 阅读

1. 简化代码 JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的：复制代码代码如下: <SPAN style="FONT-FAMILY: verdana, geneva">var car = new Object（）; car.colour = "red"; car.wheels = 4; car.hubcaps = "spinning"; car.age = 4; </SPAN> 下面的写法可...

jquery实现的让超出显示范围外的导航自动固定屏幕最顶上

2016年07月27日 11 阅读

其实实现起来并不难，我们先把实现流程大致想一下，首先，如果导航在显示范围内，就不用做修改。当导航超出显示范围，也就是导航距离屏幕顶部的距离小于0的时候，我们要让它浮动在屏幕顶上，然后大于0的时候，进行一个复原操作，原理就是这么简单，大致看下效果图吧复制代码代码如下: $（）.ready（function（）{ //导航距离屏幕顶部距离 var _defautlTop = $（"#navigator"）.offset（）.top - $（window）....

StringTemplate遇见jQuery冲突的解决方法

2016年07月27日 7 阅读

字段对于用户的输入则为字段，字段涉及到用户的输入，必定是控件。由于有以前项目word模板转化为在线展示输入经验（这里不仅仅是将word转化为html，还需要提取word书签作为关键字段，关键字段作为用户的输入，根据用户配置转化为文本框，下拉框，数字，货币框，时间等等可扩展控件）。我在本次的模板设计中不再考虑服务器控件，因为服务器控件将生成一大堆难以控制的html标记。所以彻底疯狂了一把，采用完全html+jQuery实现（验证用的也是jQuery vali...

Javascript中的this绑定介绍

2016年07月27日 7 阅读

而this的具体值则取决于其调用模式。 * 方法调用模式：this被绑定到该对象。 * 函数调用模式：this被绑定到全局对象，网页的情况下绑定到window * 构造器调用模式：this被绑定到新生成的对象。 * 事件处理调用模式分两种情况：参照 * this被绑定到全局对象复制代码代码如下: <script type="text/javascript"> function click_handler（） { alert（this）; /...

Prototype的Class.create函数解析

2016年07月27日 5 阅读

复制代码代码如下: /** * 一个设计精巧的定时执行器 * 首先由 Class.create（）创建一个 PeriodicalExecuter 类型， * 然后用对象直接量的语法形式设置原型。 * * 需要特别说明的是 rgisterCallback 方法，它调用上面定义的函数原型方法bind, 并传递自己为参数。 * 之所以这样做，是因为 setTimeout 默认总以 window 对象为当前对象，也就是说，如果 registerCallback...

javascript笔记 String类replace函数的一些事

2016年07月27日 6 阅读

我最近查阅javascript资料，发现了一个函数：复制代码代码如下: function format（s） { var args = arguments; var pattern = new RegExp（"%（[1-" + arguments.length + "]）","g"）; return String（s）.replace（pattern,function（word,index）{ return args[index]; }）; } // ...

也说JavaScript中String类的replace函数

2016年07月27日 6 阅读

对回调函数的参数说明也很准确：第一个参数是匹配到的字符串，最后一个是原字符串，倒数第二个参数是匹配到的字符串的在原字符串索引的起始位。但我很好奇，第二到倒数第三之间的参数又是些什么呢？其实，W3school已经给出了答案：复制代码代码如下: replace（）方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。其语法为： stringObject.replace（regexp/substr,replacement） re...

zShowBox 图片放大展示jquery版兼容性

2016年07月27日 5 阅读

zShowBox.js 复制代码代码如下: /* * zShowBox （图片放大展示） */ function zShowBox（domChunk） { //为每张图片链接加上 class="zshowbox" var zcounter = 0; $（domChunk + " a"）.each（function （） { var a_href = $（this）[0].href.toLowerCase（）; var file_type = a_href...

最简单的js图片切换效果实现代码

2016年07月27日 5 阅读

无意中在网上发现的，代码非常的简单，一看就明白！复制代码代码如下: <script language =javascript > var curIndex=0; //时间间隔单位毫秒 var timeInterval=5000; var arr=new Array（）; arr[0]="1.jpg"; arr[1]="2.jpg"; arr[2]="3.jpg"; arr[3]="4.jpg"; arr[4]="5.jpg"; arr[5...

javascript权威指南学习笔记之javascript数据类型

2016年07月27日 5 阅读

复制代码代码如下: <！doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>javascript数据类型</title> </head> <body> <script type="text/javasc...

首页 / 脚本样式 / JavaScript

JavaScript高级程序设计 学习笔记 js高级技巧

70+漂亮且极具亲和力的导航菜单设计国外网站推荐

javascript中的注释使用与注意事项小结

js获取图片大小的函数代码

Dom操作之兼容技巧分享

分别用marquee和div+js实现首尾相连循环滚动效果，仅3行代码

仅2行代码的javascript按指定格式显示日期时间效果

关于onScroll事件在IE6下每次滚动触发三次bug说明

基于jquery的一个拖拽到指定区域内的效果

extjs 初始化checkboxgroup值的代码

javascript代码编写需要注意的7个小细节小结

jquery实现的让超出显示范围外的导航自动固定屏幕最顶上

StringTemplate遇见jQuery冲突的解决方法

Javascript中的this绑定介绍

Prototype的Class.create函数解析

javascript笔记 String类replace函数的一些事

也说JavaScript中String类的replace函数

zShowBox 图片放大展示jquery版 兼容性

最简单的js图片切换效果实现代码

javascript权威指南 学习笔记之javascript数据类型

JavaScript高级程序设计学习笔记 js高级技巧

zShowBox 图片放大展示jquery版兼容性

javascript权威指南学习笔记之javascript数据类型