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

extjs 初始化checkboxgroup值的代码

2017年02月06日 22 阅读

复制代码代码如下: 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个小细节小结

2017年02月06日 22 阅读

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实现的让超出显示范围外的导航自动固定屏幕最顶上

2017年02月06日 19 阅读

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

StringTemplate遇见jQuery冲突的解决方法

2017年02月06日 20 阅读

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

Javascript中的this绑定介绍

2017年02月06日 21 阅读

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

Prototype的Class.create函数解析

2017年02月06日 22 阅读

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

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

2017年02月06日 21 阅读

我最近查阅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函数

2017年02月06日 20 阅读

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

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

2017年02月06日 25 阅读

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图片切换效果实现代码

2017年02月06日 21 阅读

无意中在网上发现的，代码非常的简单，一看就明白！复制代码代码如下: <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数据类型

2017年02月06日 19 阅读

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

利用JS自动打开页面上链接的实现代码

2017年02月06日 24 阅读

在这里做一下简单记录，防止自己忘记。下面是实现自动点击打开链接的主要函数，功能不再细说，防止太多人滥用，有心的人一看就会明白，改把改把就是一个邪恶的程序：复制代码代码如下: function randopen（） { var len = $（“#urllist option”）.length; var num = 10; for（i=1; i<=num; i++） { randnum = Math.random（）*len; zn = Math...

javascript权威指南学习笔记之null和undefined

2017年02月06日 21 阅读

复制代码代码如下: <！doctype html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>javascript之null和undefined</title> </head> <body> <script type="...

在Windows上安装Node.js模块的方法

2017年02月06日 22 阅读

不过有消息称Microsoft已经联系Node.js官方，相信很快会有改善。那么在不安装Cygwin的情况下，是否可以在Windows上搭建Node.js环境进行试验开发哪？我以Node.js + express做了个简单测试，基本可行。步骤如下： 1. 下载Node.js官方非稳定版Windows可执行程序： http://nodejs.org/#download 我在试验中使用了0.5.7版本：http://nodejs.org/dist/v0.5...

jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果

2017年02月06日 20 阅读

很有意思。小邪就跟着做了一个Demo，木有用插件，只挂了jQuery。 Demo演示页面一. CSS+jQuery实现随滚动条增减汽水瓶中的液体：话说喝汽水的那个网站是用一个瓶子的图片，分为瓶口、瓶身、吸管还有瓶底。在这些图片中瓶子内部都是透明的，所以我们可以在底下一层按 x 轴平铺液体的图片，当然记得弄好吸管，吸管则是按照 y 轴平铺。其他具体的请看代码中注释。啊，对了，那家公司的地址在这里 - http://janploch.de/ 复制代...

Jquery之Ajax运用学习运用篇

2017年02月06日 24 阅读

还是先说一些基础知识：语法：$.ajax（{option}） option表示参数。以key/value形式出现。常用参数：type:post/get。 url:发送请求的地址。 data:{object:object} 发送到服务器的数据，必须为key/value格式。可以设置processData属性，不转换数据格式。 success:function（msg）{} 请求成功后回调函数。 error:func...

一个挺有意思的Javascript小问题说明

2017年02月06日 22 阅读

先来看以下3段代码复制代码代码如下: var firstName = "Mark"; （function DisplayFirstName（） { console.log（firstName）; }）（）;//必然输出 Mark var lastName = "Aut"; （function DisplayLastName（） { var lastName = "Bru"; console.log（lastName）; }）（）;//必然输出 Bru,...

js面向对象设计用{}好还是function（）{}好（构造函数）

2017年02月06日 21 阅读

在网上看了很多JavaScript的项目, 用到对象都是采用{}的形式: 例如jQuery, TinyMCE等都是形如: 复制代码代码如下: var Dialog = { int : function（） { .... }, insert : function（） { .... }, pop : function（） { .... } }; //调用就是: Dialog.init（）; 而我自己一直使用function闭包的方式, 感觉使用内部私有成员...

javascript模版引擎-tmpl的bug修复与性能优化分析

2017年02月06日 20 阅读

精妙的 tmpl 前端模板类开源的不少，但最属 jQuery 作者 John Resig 开发的 “javascript micro templating” 最为精妙，寥寥几笔便实现了模板引擎核心功能。它的介绍与使用方式请看作者博客：http://ejohn.org/blog/javascript-micro-templating/ 让我们先看看他的源码：复制代码代码如下: （function（）{ var cache = {}; this.tmpl...

js创建数据共享接口——简化框架之间相互传值

2017年02月06日 21 阅读

很多框架存在父子关系，操作起来十分麻烦，很多同学经常出现这样悲催的代码：复制代码代码如下: window.parent.document.getElementById（"main"） .contentWindow.document.getElementById（"input"）.value = document.getElementById（"myIframe"） .contentWindow.document.getElementById（"s0"）...

首页 / 脚本样式 / JavaScript

extjs 初始化checkboxgroup值的代码

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

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

StringTemplate遇见jQuery冲突的解决方法

Javascript中的this绑定介绍

Prototype的Class.create函数解析

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

也说JavaScript中String类的replace函数

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

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

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

利用JS自动打开页面上链接的实现代码

javascript权威指南 学习笔记之null和undefined

在Windows上安装Node.js模块的方法

jQuery+CSS 实现随滚动条增减的汽水瓶中的液体效果

Jquery之Ajax运用 学习运用篇

一个挺有意思的Javascript小问题说明

js面向对象设计用{}好还是function（）{}好（构造函数）

javascript模版引擎-tmpl的bug修复与性能优化分析

js创建数据共享接口——简化框架之间相互传值

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

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

javascript权威指南学习笔记之null和undefined

Jquery之Ajax运用学习运用篇