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

用Greasemonkey 脚本收藏网站会员信息到本地

2017年02月06日 27 阅读

一、脚本功能介绍正常情况下，如果你在会员搜索结果页通过相片看好某个会员（所谓眼缘好的会员），想快速记录下这个会员的信息并不是一件容易的事情，你也许会在会员相片上单击右键，然后把这个会员的主页地址先记下来，一个页面如果有较多看好的会员想收藏的话，你还得重复上面的操作。默认搜索结果页显示效果如下图：安装我写的Greasemonkey脚本后，搜索结果页就会发生一点改变，“给我写信”按钮会变成“收藏”复选框，效果如下图，注意红框标识与前面图片的变化对比：现在假设你...

javascript 关于# 和 void的区别分析

2017年02月06日 28 阅读

首先，我们来做个实验吧。打开任何一个浏览器的空页，在地址输入栏中输入以下代码: 复制代码代码如下: javascript:void（3）; 会发生什么呢？答案是什么都不会发生。然后，我们再打开一个浏览器的空页面，在地址栏中输入以下代码：复制代码代码如下: javascript:function test（）{return "hello";};test（）; 这样又会发生什么呢，是什么都不会发生么？显然不是，我们得到的是一个新的页面，而且页...

DIV+CSS+JS 变灰弹出层

2017年02月06日 25 阅读

浮动层居中的对话框效果演示浮动层居中的对话框效果演示 HTML { HEIGHT: 100% } BODY { HEIGHT: 100% } BODY { FONT-SIZE: 14px; FONT-FAMILY: Tahoma, Verdana, sans-serif } DIV.neat-dialog-cont { Z-INDEX: 98; BACKGROUND: none transparent scroll repeat 0% 0%; ...

Ajax+Json 级联菜单实现代码

2017年02月06日 27 阅读

第一个下拉框: 复制代码代码如下: <select id="select" name="rawfoodBasic.category" onchange="doChange（this.value）;"> //第一个下拉框里的值 </select> 第二个下拉框: 复制代码代码如下: <select id="subSelect" name="rawfoodBasic.absorb" onchange="javascript:...

javascript 读取XML数据，在页面中展现、编辑、保存的实现

2017年02月06日 27 阅读

首先考虑用什么方法做，考虑到三个方式：1、C#拼HTML构造table，修改和保存通过Ajax实现。2、XML+XSL，展现和修改用两个XSL文件来做，Ajax修改、保存XML。3、GridView控件。经过细致考虑，首先第三方案GridView控件满足不了需求，因为XML格式多样，可能涉及到很多的行、列合并和行、列表头合并。第一方案太麻烦，坐起来是细致活和体力活，需求变动后不好修改。所以选择第二方案。开始学习XPath、XSLT。AJAX用js异步调用...

html 锁定页面（js遮罩层弹出div效果）

2017年02月06日 27 阅读

复制代码代码如下:<htmlxmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"/> <title>UntitledDocument</title> <script> function createIframe（）...

基于jQuery的日期选择控件

2017年02月06日 27 阅读

但是也有些问题，第一画日历有点慢，第二兼容性不太好IE Only，第三它不是基于jQuery的哈哈。那还是老规矩，做之前先看下效果这下是更酷的Ext风格了。从上图我们可以看出这个控件其实有两个视图一个日期月视图，还有一个是年月选择视图。 1：还是先从HTML入手日期控件确定HTML其实还是比较简单，因为明摆着是列表的数据格式，当然主要是采用table了。两个视图分别用两个Div包裹，控制div的显示隐藏即可以切换视图了。完整的HTMl结构大家可以...

javascript获得CheckBoxList选中的数量

2017年02月06日 27 阅读

jQuery的选择器真的好强大，好灵活。 javascript的原始方法也值得研究。复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBoxList.aspx.cs" Inherits="CheckBoxList" %> <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

jquery 操作单选框，复选框，下拉列表实现代码

2017年02月06日 25 阅读

1、复选框全选操作：其实说到底就是对Jquery 选择器的运用，点我查看Jquery选择器 html代码: 复制代码代码如下: <form> 您爱好的运动是： <input type="checkbox" name="item" value="football"/> football <input type="checkbox" name="item" value="basketball"/> basketball &...

js 数组实现一个类似ruby的迭代器

2017年02月06日 27 阅读

分为如下几节: ·基本实现 ·在迭代中引用原来的对象，或者直接改变数组的值而不是返回一个新数组 ·向迭代传入无限多的参数 ·基本实现今天突然发现js的数组处理起来真是麻烦,代码一些就是一大堆,相比起ruby的迭代器来真是逊色不少,主要是要写的代码太多了,也许是js有特殊的处理数组的方式,真是我不知道而已,但是我真的想自己给js实现一个类似ruby的迭代器的东东,而且实现起来也不难,那就开始动手吧.真的应该庆幸js是动态语言啊,如果是静态语言,实现起来很不...

JavaScript 组件之旅（一）分析和设计

2017年02月06日 26 阅读

另一方面，由于 JavaScript 通常会和宿主环境（比如浏览器）紧密结合，因此缺乏功能强大而简单易用的开发工具。在这样的环境中，开发组件或框架成为一项具有挑战的工作。这次，我们将以一个简易的 JavaScript 组件开发为契机，逐步展开组件的分析、设计、实现、构建和测试等任务，探讨组件开发过程涉及的方方面面。这些探讨将分 4 篇陆续张贴出来（链接将在张贴后更新）：分析和设计组件编码实现和算法用 Ant 构建组件测试 JavaScript 组件...

JavaScript 组件之旅（二）编码实现和算法

2017年02月06日 25 阅读

首先，我们要考虑一下它的源文件布局，也就是决定代码如何拆分到独立的文件中去。为什么要这么做呢？还记得上期结尾处我提到这个组件会使用“外部代码”吗？为了区分代码的用途，决定将代码至少分成两部分：外部代码文件和 Smart Queue 文件。区分用途只是其一，其二，分散到独立文件有利于代码的维护。试想，以后的某一天你决定要在现有的队列管理基本功能之上，添加一些新的扩展功能，或是把它包装成某个实现特定任务的组件，而又希望保持现有功能（内部实现）和调用方式（对外接...

JavaScript 组件之旅（三）：用 Ant 构建组件

2017年02月06日 26 阅读

听起来是不是很惬意？Let"s go！我们出发啦～这期，我们会使用 Ant 将上期编写、整理的代码文件按指定的先后顺序合并成单一的源文件，然后压缩这个文件。这是构建 JavaScript 项目的基本步骤。Ant 是 Apache 的一个顶级开源项目，网上对它的介绍和安装，已经有很多文章，这里就不再赘述了。在构建之前，我们先来看看已有的文件布局： smart-queue // 组件的根目录+--- src // JavaScript源文件目录+--- l...

JavaScript 组件之旅（四）：测试 JavaScript 组件

2017年02月06日 27 阅读

本期，我们要讨论的话题是 JavaScript 的测试，以检查组件的状态和工作方式是否符合预期，还会介绍一个可以方便编写测试用例的测试方法。这里说的测试当然是使用自动化的测试手段，这是软件质量保证（QA）的重要环节。就本系列文章介绍的 Smart Queue 来说，我们的测试目标包括：Task 对象的创建：第二期的代码提供了多种创建方式，需要测试对象创建后的状态。 Queue 内的任务运行次序：我们提供了两种改变运行次序的方式：优先级和依赖配置，同样也要测...

小议javascript 设计模式推荐

2017年02月06日 24 阅读

记得早前就说过要和大家分享“javascript设计模式”,迟迟没写不是因为我懒，最近确实太忙，忙工作，忙旅游（啊哦？），好不容易这几天空闲了，接下来是兑现之前空口白话的时间了。在讨论设计模式之前，请确认您已经有一定的脚本编程基础，如果不甚了解，建议可以先查阅本人很久之前写的这篇《浅谈javascript面向对象编程》请看下一篇文章。讲到设计模式，不得不先重点着墨于“接口设计”，因为接口设计在设计模式中的意义太大了，大于模式本身。直观起见，先介绍一下接...

浅谈javascript 面向对象编程

2017年02月06日 25 阅读

感叹是为了缓解严肃的气氛并引出今天要讲的话题，”javascript面向对象编程”，接下来，我们围绕面向对象的几大关键字：封装，继承，多态，展开。封装：javascript中创建对象的模式中，个人认为通过闭包才算的上是真正意义上的封装，所以首先我们先来简单介绍一下闭包，看下面这个例子：复制代码代码如下: <script type="text/javascript"> function myInfo（）{ var name ="老鱼",ag...

javascript 时间比较实现代码

2017年02月06日 26 阅读

web开发中有时需要对输入框中的时间（主要是开始时间和结束时间）进行比较，网上搜索了一番，发现有不少是无效的，以下方法经小弟检验确实有效，特此共享。（请关注红色部分） function ValidtorTime（）{ var d1 = new Date（document.getElementById（"txbFromDate"）.value.replace（/-/g, "/"））; var d2 = new Date（document.getElemen...

js apply/call/caller/callee/bind使用方法与区别分析

2017年02月06日 30 阅读

一、call 方法调用一个对象的一个方法，以另一个对象替换当前对象（其实就是更改对象的内部指针，即改变对象的this指向的内容）。 Js代码 call（[thisObj[,arg1[, arg2[, [,.argN]]]]]）参数 thisObj 可选项。将被用作当前对象的对象。 arg1, arg2, , argN 可选项。将被传递方法参数序列。说明 call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上...

JavaScript 全角转半角部分

2017年02月06日 27 阅读

复制代码代码如下: <script language=javascript> //全角空格为12288，半角空格为32 //其他字符半角（33-126）与全角（65281-65374）的对应关系是：均相差65248 //document.write（（65281）.toString（16）+"----"+（65374）.toString（16）+"----"+（12288）.toString（16））; String.prototype.db...

jquery 选择器部分整理

2017年02月06日 27 阅读

这个是网页版，直接用ctrl+F搜索，如果大家不是经常上网，可以用chm版的更方便些。jQuery 1.3 API 参考手册 CHM锋利的jquery 电子书近期脚本之家将会将一些jquery学习教程逐步发一些。参考了锋利的jquery一书。$的选择器部分: 凡是运用$,其返回值是一个object $选择器主要用于选择标签.基本用法是同css的选择器.但是,很让人兴奋的是,他支持常见的浏览器,而css中很多选择器是IE6所不支持的. 1.基本选择器（3种）...

首页 / 脚本样式 / JavaScript

用Greasemonkey 脚本收藏网站会员信息到本地

javascript 关于# 和 void的区别分析

DIV+CSS+JS 变灰弹出层

Ajax+Json 级联菜单实现代码

javascript 读取XML数据，在页面中展现、编辑、保存的实现

html 锁定页面（js遮罩层弹出div效果）

基于jQuery的日期选择控件

javascript获得CheckBoxList选中的数量

jquery 操作单选框，复选框，下拉列表实现代码

js 数组实现一个类似ruby的迭代器

JavaScript 组件之旅（一）分析和设计

JavaScript 组件之旅（二）编码实现和算法

JavaScript 组件之旅（三）：用 Ant 构建组件

JavaScript 组件之旅（四）：测试 JavaScript 组件

小议javascript 设计模式 推荐

浅谈javascript 面向对象编程

javascript 时间比较实现代码

js apply/call/caller/callee/bind使用方法与区别分析

JavaScript 全角转半角部分

jquery 选择器部分整理

小议javascript 设计模式推荐