随笔分类 -  Javascript

深入理解JS变量作用域
摘要：在学习JavaScript的变量作用域之前，我们应当明确几点：JavaScript的变量作用域是基于其特有的作用域链的。JavaScript没有块级作用域。函数中声明的变量在整个函数中都有定义。1、JavaScript的作用域链首先看下下面这段代码：<script type="text/javascript"> var rain = 1; function rainman(){ var man = 2; function inner(){ var innerVar = 4; alert(rain); } inner(); ... 阅读全文
posted @ 2011-11-01 15:04 Ensonfield 阅读(256) 评论(0) 推荐(0)
输入框默认文字
摘要：当鼠标点击输入框时，原有的默认文字消失。如果输入其它新内容，然后移开鼠标，输入框新内容不变；如果不输入新内容，鼠标离开输入框又还原默认文字。<form id="form1" name="form1" method="post" action=""> <label for="textfield">输入内容：</label> <input name="textfield" type="text" id="te 阅读全文
posted @ 2011-10-28 17:23 Ensonfield 阅读(345) 评论(0) 推荐(0)
JS正则表达式
摘要：建立正则表达式对象语法re = newRegExp(/pattern/[flags])flags 参数说明：g（全文查找出现的所有pattern）i（忽略大小写）m（多行查找）\将下一个字符标记为一个特殊字符、或一个原义字符、或一个 后向引用、或一个八进制转义符。例如，’n’ 匹配字符 “n”。’\n’ 匹配一个换行符。序列 ‘\\’ 匹配 “\” 而 “\(” 则匹配 “(”。.匹配除 “\n” 之外的任何单个字符。要匹配包括 ‘\n’ 在内的任何字符，请使用象 ‘[.\n]‘ 的模式。x|y匹配x或y。例如，’z|food’ 能匹配 “z” 或 “food”。’(z|f)ood’ 则匹配 阅读全文
posted @ 2011-10-24 15:01 Ensonfield 阅读(216) 评论(0) 推荐(0)
纯JS拼图小游戏
摘要：废话不多说，直接上代码。<!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><meta http-equiv="Content-Type" content="text/html; 阅读全文
posted @ 2011-10-12 15:19 Ensonfield 阅读(667) 评论(0) 推荐(0)
深入理解JavaScript闭包 （转）
摘要：转自平儿哥网易博客里的一篇文章，写的非常的通俗易懂，比我之前百度的各种闭包理解都靠谱~以下是正文，http://chyingp.blog.163.com/blog/static/14039566020107155124814/一、什么是闭包？“官方”的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。相信很少有人能直接看懂这句话，因为他描述的太学术。其实这句话通俗的来说就是：JavaScript中所有的function都是一个闭包。不过一般来说，嵌套的function所产生的闭包更为强大，也是大部分时候我们所谓的“闭包”。看下面这 阅读全文
posted @ 2011-10-11 18:14 Ensonfield 阅读(145) 评论(0) 推荐(0)
JS继承和闭包
摘要：一 JS如何实现继承？JavaScript中继承方式主要(常用到的)有:call,apply,原型链、混合方式；call和apply作用都是把一个对象绑定到另外一个对象。 代码:function a(name,age){this.name = name;this.age = age;}function b(){a.call(this,)}apply方法和call几乎一样，唯一区别是参数传递的方法,apply方法要求参数必须以数组的形式传递 a.apply(this,[name,age]); 这两个方法的构造函数的prototype属性定义的方法不能够继承 a.prototype.m1 = fu 阅读全文
posted @ 2011-10-09 16:05 Ensonfield 阅读(852) 评论(0) 推荐(0)
网页漂浮图片广告
摘要：RT 网页漂浮图片广告View Code <!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><meta http-equiv="Content-Type" content="te 阅读全文
posted @ 2011-09-29 18:25 Ensonfield 阅读(217) 评论(0) 推荐(0)
输入框输入文字字符匹配
摘要：在输入框里输入文字，用一个下拉框显示与之匹配的文字提醒。JS方法示例如下：View Code <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>test</title> <meta http-equiv="content-type" co 阅读全文
posted @ 2011-09-26 15:22 Ensonfield 阅读(227) 评论(0) 推荐(0)