2017年06月_PHP__廊外诗鸽

原创 javascript中的Object.defineProperty()与getOwnPropertyNames ()方法

定义Object.defineProperty()函数是给对象设置属性的。Object.defineProperty(object, propertyname, descriptor); 参数描述 object 必须，要在其上添加或修改属性的对象。 propertyname 必需。一个包含属性名称的字符串。 descriptor 属性描述符。它可以针对数据属性或访

2017-06-30 22:55:15 781

原创 javascript apply()与call()方法

对于apply()与call()方法，先看其定义：apply()语法： functionObject.apply([thisObject,[,argArray]]); 参数描述 thisObject 可选/Object类型指定执行functionObject函数时，函数内部this指针引用的对象。 argsArray 可选/Array argumens对象调用function

2017-06-28 11:39:41 324

原创 javascript callee()属性

要想了解callee属性，我们先得了解javascript中的arguments对象，在《javascript高级程序设计》的第三章中，讲到了arguments对象，arguments对象有以下属性：定义属性名定义 length属性返回实际传入的参数个数。 callee属性返回当前函数的引用(匿名函数可以使用该属性实现递归调用)。 0…n属性以顺序索引访问传入

2017-06-27 11:56:27 1614

原创 javascript 中的index()属性与lastIndex()属性

为了记录index()与lastIndex()属性，在此我特意做了个简单的测试。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body> <script type="text/javascript"> var t="hellowor

2017-06-26 17:21:12 2511

原创 javascript concat(),slice(),splice()方法

废话不多说直接上代码，至于它的定义说明，可以通过网W3school这些网站查看。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script type="text/javascript"> var colors=["r

2017-06-24 09:52:28 486

原创关于javascript中的sort()方法的使用

关于sort()对数字与字母的排序，首先看一下语法: arrayObject.sort(sortby) ； //其中arrayObject是数组对象，也就是数组名首先我们来看一串代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title

2017-06-23 21:41:34 390

原创全局环境与局部环境的访问比较

关于javascript的全部环境与局部环境的访问比较，一下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <script type="text/javascript"> var color="red";

2017-06-20 22:33:34 719

原创 javascript中的数值转换与逻辑非的比较

在《javascript高级程序设计》中的第三章中分别讲到：数值转换与逻辑非。书中是这样讲的：如果操作数是一个对象，返回 false;如果操作数是一个空字符串，返回true；如果操作数是一个非空字符串，返回false;如果操作数是数值0，返回true;如果操作数是任意非0数值，返回false;如果操作数是null,返回true;如果操作数是NaN,返回true;如果操作数是u

2017-06-18 17:04:44 548

原创利用canvas对图片进行灰度色处理，图片只有一半变成灰度色

在对图片进行灰度色处理时，图片只有一半出现灰度色。代码如下：grayscale.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>grayscale example</title> <script src="scripts/modernizr.js" type="text/jav

2017-06-11 19:52:11 4004

翻译《JavaScript DOM编程艺术》第十章用javascript实现动画效果

list.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>web Design</title> <link href="css/layout2.css" rel="stylesheet" media="screen" /></head><body><p id="messag

2017-06-10 18:47:01 710

原创 javascript nextSibling属性

对于nextSibling属性，在W3school中的定义为： nextSibling 属性返回指定节点之后紧跟的节点，在相同的树层级中。注意所返回的节点必须是与上一个节点是同级关系，且彼此之间不能有空格，否则将会返回：undefined<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Titl

2017-06-07 16:47:26 1232

苦艾文艺