JavaScript入门系列课程之一

2017年02月06日 20 阅读

一、什么是JavaScript？ 1、JavaScript是一种解释执行的脚本语言 2、JavaScript是一种可以用给网页增加交互性的编程语言 3、JavaScript不是Java。JavaScritp是Netscape公司开发的，而Java是由sun公司开发的 二、JavaScript的开发工具 从某种意义上讲，文本编辑软件都可以编写JavaScript代码,在windows平台建议使用Aptana IDE开发工具，当然更多的开发工具可以简单搜索一下...

JSChart轻量级图形报表工具（内置函数中文参考）

2017年02月06日 24 阅读

因为网上讲这个框架的文章不是很多，而且它本身对中文支持不是很好，手册什么的都是英文的，虽然不是很多，但考虑到一些新手可能没有时间和精力来阅读参考手册，为了让更多的朋友了解它，所以工作之余就大概的翻译了一下它的内置函数，因为时间仓促，有些地方翻译的很大概，也难免混杂了一些错误，算是抛砖引玉吧，希望大家不明白的地方亲手测试一下，参照它的官方提供的例子很容易上手。 JSChart内置函数参考 colorizeBars（array colordata）设置柱状图各...

JavaScript isArray（）函数判断对象类型的种种方法

2017年02月06日 24 阅读

1） typeof 运算符 typeof 是一元运算符，返回结果是一个说明运算数类型的字符串。如："number"，"string"，"boolean"，"object"，"function"，"undefined"（可用于判断变量是否存在）。 但 typeof 的能力有限，其对于Date、RegExp类型返回的都是"object"。如： 复制代码 代码如下: typeof {}; // "object" typeof []; // "object" ty...

JavaScript 操作键盘的Enter事件（键盘任何事件），兼容多浏览器

2017年02月06日 19 阅读

废话少说，代码上来： 复制代码 代码如下: document.onkeydown=function（） { var EventUtil = {}; EventUtil.getEvent = function（）{ if（window.event）{return window.event;} else{return EventUtil.getEvent.caller.arguments[0];} } var button = document.getEl...

一步一步教你写淡入淡出带注释的图片轮播插件（一）

2017年02月06日 22 阅读

前几天在blueIdea上看到一个淡入淡出的带注释的图片轮播效果http://bbs.blueidea.com/thread-2911266-1-1.html看了帖子作者的代码，虽然效果达到了，但是有几个地方本人有不同的看法： 1.那位作者的思路是隐藏掉真正的图片列表，而新建一个div，通过不断push当前图片到那个div的innerHTML里的方式来做一个一个交替变化。思路虽然有些新意，但是从目标效果的运行逻辑来看，通过改变列表元素的z-index值来实...

一步一步教你写淡入淡出带注释的图片轮播插件（二）

2017年02月06日 23 阅读

接上一篇，现在进行第二部分。 开始之前，还是说说前文提到的关于把所有函数都写在一个闭包内的优化问题。前文也提到了，因为我们在初始化的时候要调用的只是init，所以可以只把init写入闭包，其他功能函数作为init的原型继承方法来调用。所以前文的代码其实可以这样改写： 复制代码 代码如下: var Hongru={}; function H$（id）{return document.getElementById（id）} function H$$（c,p...

一步一步教你写带图片注释的淡入淡出插件（三）

2017年02月06日 22 阅读

其实凭借着之前良好的代码结构，加入控制器很简单（^_^这也就是为什么我说刚开始的架构的代码结构很重要！） 先说一下加入控制器的思路： 根据轮播元素的个数为每一个元素添加一个对应的控制按钮，（这里我直接用a标签来做，考虑语义的话可以用ul或ol），考虑到书写样式的方便可以先create一个控制器父标签，然后依次把每个控制按钮append到控制器父标签，再把父标签append到我们的轮播模块中就ok了。然后再为对应的元素添加上对应的css样式即可 好了...

一步一步教你写带图片注释的淡入淡出插件（四）

2017年02月06日 23 阅读

不出意外的话，这应该是这个系列的最后一部分了。 第三部分的效果已经基本上满足大部分的需求了。所以这一部分呢，只能算是加分项。废话不多说了，还是继续博文吧。 其实带背景半透明的备注的轮播效果也是网上一抓一大把，163,qq，taobao等等，仔细找找应该都能看到类似的效果。添加文本其实和前一文的添加控制器的方法差不多。无非也就是再append一个元素，在里面显示文本即可。 复制代码 代码如下: /* -- 显示备注 --*/ var alt = th...

javascript forEach通用循环遍历方法

2017年02月06日 21 阅读

复制代码 代码如下: var forEach = （function（）{ //数组与伪数组的遍历 var _Array_forEach = function （array, block, context） { if （array == null） return; //对String进行特殊处理 if（typeof array == "string"）{ array = array.split（""）; } var i = 0,length = array...

javascript 伪数组实现方法

2017年02月06日 24 阅读

这篇文章来回答javascript通用循环遍历方法forEach中最后提到的关于伪数组的问题。 什么是伪数组 能通过Array.prototype.slice转换为真正的数组的带有length属性的对象。 这种对象有很多，比较特别的是arguments对象，还有像调用getElementsByTagName,document.childNodes之类的，它们都返回NodeList对象都属于伪数组。 我们可以通过Array.prototype.slice.c...

javascript Array.prototype.slice使用说明

2017年02月06日 26 阅读

除了正常用法，slice 经常用来将 array-like 对象转换为 true array. 名词解释：array-like object – 拥有 length 属性的对象，比如 { 0: ‘foo", length: 1 }, 甚至 { length: ‘bar" }. 最常见的 array-like 对象是 arguments 和 NodeList. 查看 V8 引擎 array.js 的源码，可以将 slice 的内部实现简化为： 复制代码 代码...

javascript getElementsByClassName实现代码

2017年02月06日 23 阅读

先来看一下代码：（支持多个class查询和在某个范围内进行查询） 复制代码 代码如下: /* * 根据元素clsssName得到元素集合 * @param fatherId 父元素的ID，默认为document * @tagName 子元素的标签名 * @className 用空格分开的className字符串 */ function getElementsByClassName（fatherId,tagName,className）{ node = fa...

理解Javascript_01_理解内存分配原理分析

2017年02月06日 23 阅读

原始值和引用值 在ECMAScript中，变量可以存放两种类型的值，即原始值和引用值。 原始值指的就是代表原始数据类型（基本数据类型）的值，即Undefined,Null,Number,String,Boolean类型所表示的值。 引用值指的就是复合数据类型的值，即Object,Function,Array,以及自定义对象,等等 栈和堆 与原始值与引用值对应存在两种结构的内存即栈和堆 栈是一种后进先出的数据结构，在javascript中可以通过Array来...

理解Javascript_02_理解undefined和null

2017年02月06日 24 阅读

来自普遍的回答: 其实在 ECMAScript 的原始类型中，是有Undefined 和 Null 类型的。 这两种类型都分别对应了属于自己的唯一专用值，即undefined 和 null。 值 undefined 实际上是从值 null 派生来的，因此 ECMAScript 把它们定义为相等的，通过下列代码可以验证这一结论： alert（undefined == null）; //true 尽管这两个值相等，但它们的含义不同。 undefined 是声明...

理解Javascript_03_javascript全局观

2017年02月06日 24 阅读

先来看一张图吧：解释一下：核心（ECMAScript）：定义了脚本语言的所有对象，属性和方法文档对象模型（DOM）：HTML和XML应用程序接口浏览器对象模型（BOM）：对浏览器窗口进行访问操作现在来具体的讲一个各个成分： 关于ECMAScript ECMAScript的工作是定义语法和对象，从最基本的数据类型、条件语句、关键字、保留字到异常处理和对象定义都是它的范畴。 在ECMAScript范畴内定义的对象也叫做原生对象。 其实上它就是一套定义了语法规则...

js keycode快捷键大全 并附有简单使用说明

2017年02月06日 21 阅读

复制代码 代码如下: keycode 8 = BackSpace BackSpace keycode 9 = Tab Tab keycode 12 = Clear keycode 13 = Enter keycode 16 = Shift_L keycode 17 = Control_L keycode 18 = Alt_L keycode 19 = Pause keycode 20 = Caps_Lock keycode 27 = Escape Esca...

JavaScript 打地鼠游戏代码说明

2017年02月06日 22 阅读

演示地址：http://demo.jb51.net/js/mouse/index.html打包下载地址 http://www.jb51.net/jiaoben/32434.html这个是我无聊的时候写的，先看看效果（UI做得比较丑）： 说明：红色的点击得分100，蓝色的点击扣分100. 只是想用js来写个小游戏，顺便练练js的代码。 先看html部分： html 复制代码 代码如下: <style> #panel{height:300px;wi...

理解Javascript_05_原型继承原理

2017年02月06日 22 阅读

prototype与[[prototype]] 在有面象对象基础的前提下，来看一段代码： 复制代码 代码如下: //Animal构造函数 function Animal（name）{ this.name = name; } //Animal原型对象 Animal.prototype = { id:"Animal", sleep:function（）{ alert（"sleep"）; } } var dog = new Animal（"旺才"）; alert...

计算文本域剩佘长度的js代码

2017年02月06日 19 阅读

JS 计算文本域剩余字数 function displaySpareNumber（_this,size） { var spareNumber=document.getElementById（"spareNumber"）; //汉字长度 var len=_this.value.replace（/[^x00-xff]/gi,"xx"）.length; var snum=parseInt（size）-len; spareNumber.value=snum; ...

javascript一个无懈可击的实例化XMLHttpRequest的方法

2017年02月06日 24 阅读

复制代码 代码如下: function getHTTPRequest（） { var xhr = false; if （window.XMLHttpRequest） xhr = new XMLHttpRequest（）; //IE除外的浏览器 else if （window.ActiveXObject） { try { xhr = new ActiveXObject（"Msxm12.XMLHTTP"）;//最新版的ActiveX对象 } catch（e） ...