JavaScript
文章平均质量分 73
会飞的Pikachu
前端开发手册:https://github.com/dwqs/fedHandlebook
展开
-
《Javascript权威指南》学习笔记三之数据运算
一、算术运算符原创 2014-05-15 13:21:01 · 1376 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之四流程控制
一、语句和语句块1、原创 2014-05-16 19:19:51 · 1334 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之六:自定义函数
一、原创 2014-05-18 16:17:28 · 1297 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之五:内建的全局函数
一、eval()函数:用于原创 2014-05-17 14:15:31 · 1553 阅读 · 1 评论 -
《JavaScript权威指南》学习笔记一
1、正确认识ECMA原创 2014-05-13 23:54:26 · 1754 阅读 · 1 评论 -
《Javascript权威指南》学习笔记二之变量
一、变量的数据类型1、简单数据类型:Boolean/String/NumberUndefined/Null在Javascript的简单数据类型中,有两个特别的类型:Undefined和Null,二者均只有一个值,分别是undefined和null(区分大小写),具体说明详见下文的常量部分。2、复杂数据类型:常见的有两种,Array(数组)和Object(对象)。2.1 在JavaS原创 2014-05-14 12:05:01 · 1270 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十一:处理字符串---String类和正则表达式
一、正则表达式的基本语法 1、概念:正则表达式由原创 2014-06-01 14:20:06 · 2044 阅读 · 0 评论 -
Javascript的闭包详解
在本人的博客:http://blog.csdn.net/u011043843/article/details/26148265 中也有对闭包的解释在javascript中闭包是一个很不好理解的概念,但是确实一个不可逃避的东西,那么今天我们就来一起学习一下闭包。 什么是闭包? 闭包:官方”的解释是:闭包是一个拥有许多变量和绑原创 2014-06-02 20:34:05 · 1630 阅读 · 0 评论 -
表单验证常用的正则表达式
一、用户名和密码长度的限制: \S{5,7}:表示长度为6~8的限制,且不能有空白。二、用户名的限制: ^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){5,7}$:表示用户名必须以字母开头,只能包含数字、字母和下划线,且长度为6~8.原创 2014-06-04 15:29:22 · 1215 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十二:数组、多维数组和符合数组(哈希映射)
Array(数组)是JavaScript中较为复杂的数据类型,同Java、C#、VB等程序语言的数组相比,Javascript数组中的元素不必为相同的数据类型,可以在数组每个元素上混合使用数字、日期、字符串、Object,甚至添加一个嵌套数组。原创 2014-06-03 23:57:41 · 2802 阅读 · 0 评论 -
Javascript的DOM操作
1.访问节点document.getElementById(id);返回对拥有指定id的第一个对象进行访问document.getElementsByName(name);返回带有指定名称的节点集合注意:Elementsdocument.getElementsByTagName(tagname);返回带有指定标签名的对象集合注意:Elementsdocument.getElementsByClassName(classname);返回带有指定class名称的对象集合注意:Elem原创 2014-06-05 00:58:09 · 1334 阅读 · 2 评论 -
javascript操作html元素CSS属性
下面先记录一下JS控制CSS所使用的方法. 1.使用javascript更改某个css class的属性... <style type="text/css"> .orig { display: none; } </style> 你想要改变把他的display属性由none改为inline。 解决办法: 在IE里: document.styleSheets[0].rules[0].style.display = "inline"; 在firefox里:原创 2014-06-05 09:49:45 · 1379 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十四:JavaScript内建类
Arguments类代表函数参数作为数组元素作为存储,可以按访问数组元素的方法访问参数。arguments.length表示参数的数目。但是,不能用for...in循环访问arguments对象,需用for循环。 arguments有两个重要属性: arguments.callee属性用来表示当前正在执行函数的引用,等价于arguments.callee.apply(null)或者arguments.callee.call(null); oFunction.caller属性表示当前原创 2014-06-07 16:53:32 · 1713 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十三:处理日期和时间
短日期可以使用“/”或“-”作为日期分隔符,但是必须用月/日/年的格式来表示,例如"7/20/96"。以 "July 10 1995" 形式表示的长日期中的年、月、日可以按任何顺序排列,年份值可以用 2 位数字表示也可以用 4 位数字表示。如果使用 2 位数字来表示年份,那么该年份必须大于或等于 70。括号中的任何文本都被视为注释。这些括号可以嵌套使用。逗号和空格被视为分隔符。允许使用多个分隔符。月和日的名称必须具有两个或两个原创 2014-06-07 15:09:52 · 1681 阅读 · 2 评论 -
关于JavaScript中toSource问题的小结
今天在一篇关于内建类的博文中,讲到了Boolean类,其对象有一个toSource()方法:返回表示对象源代码的字符串。由于学的浅,测试时,出现了不同的结果:var b = new Boolean("");document.write("b的值是:"+b+"<br/>");document.write("b的原始值是:"+b.valueOf()+"<br/>");document.write("b的字符串值是:"+b.toString()+"<br/>");document.write("b的原创 2014-06-07 19:32:07 · 1832 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之九:原型链本质论
每个类原创 2014-05-27 00:16:32 · 1402 阅读 · 0 评论 -
关于JavaScript中name的意义冲突
关于JavaScript中name的意义冲突原创 2014-05-29 07:40:47 · 1592 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十六:BOM之源---BOM基本应用
、浏览历史管理 1、history对象的方法和属性 History 对象包含用户(在浏览器窗口中)访问过的 URL,是 window 对象的一部分,可通过 window.history 属性对其进行访问。没有应用于 History 对象的公开标准,不过所有浏览器都支持该对象。 length属性:返回浏览器历史列表中的URl数量。是"前进“和”后退“两个按钮之下包含的地址数的总和。原创 2014-06-11 13:06:45 · 1512 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十五:BOM之源---window对象
BOM是Browser Object Model的缩写,即浏览器对象模型,提供了独立于网页内容和浏览器窗口之间进行交互的APi。API由若干对象组成,由于浏览器是Javascript的宿主,因此,这些对象也称为宿主对象。一、定时器--间隔调用和延迟调用 1、setInterval()和clearInterval()方法实现间隔调用(循坏调用) setInterval(code,millisec[,"lang"]):按照指定的周期(以毫秒计)来调原创 2014-06-10 22:47:40 · 1426 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十:ECMAScript 5 增强的对象模型
一、属性和miaoshu原创 2014-05-28 20:32:55 · 1947 阅读 · 0 评论 -
JavaScript实现竖直文本滚动
var stopscroll = false;var scrollContHeight = 95; //滚动区域的高度var scrollContWidth = 230; //滚动区域的宽度var scrollSpeed = 25; //滚动的速度,越小滚动越快var scrollContainer = document.getElementById("scrollContainer");var scrollContent = document.getElementById原创 2014-06-12 15:22:16 · 1861 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十七:BOM新成就(1)--客户端存储数据(Storage实现)
《Javascript权威指南》学习笔记之十七:BOM新成就(1)--客户端存储数据(Storage实现)。 数据构成了web站点的实际内容,这些数据多种多样,可以是独立的文件,也可以是位于某个数据库文件或者数据库服务器之中。现在,HTML 5 BOM允许在客户端实现较大规模的数据存储:一是web存储,二是Web SQL数据库存储。一、Web存储概述 Web存储机制是一种通过字符串形式的key/value对来安全的存储和使用数据的方法。Web存储和HTTP Cookie的区别在于:原创 2014-06-12 17:33:33 · 1831 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十八:BOM新成就(1)--客户端存储数据(Web SQL DataBase实现)
使用本地存储和会话存储可以实现简单的对象持久化,可以对简单的键值对或对象进行存储。但是,对于比较复杂的关系数据进行处理时,就要用Web SQL Database.浏览器对Web SQL Database的支持情况如图:原创 2014-06-12 19:49:52 · 2499 阅读 · 0 评论 -
Javascript中最常用的55个经典技巧
1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键no 可用于Table2. 取消选取、防止复制3. onpaste="return false" 不准粘贴4. oncopy="return false;" oncut="return false;" 防止复制5. IE地址栏前换成自己的图标6.转载 2014-05-29 20:31:16 · 1211 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之七:面向对象编程(OOP)
一、Javascript中“类”d原创 2014-05-20 22:27:07 · 1439 阅读 · 0 评论 -
《Javascript权威指南》学习笔记之十九--HTML5 DOM新标准---处理文档元信息和管理交互能力
document.queryCommandEnabled(commandID):确定命令是否已经激活。 3、document.queryCommandIndeterm(commandID):确定命令是否是不确定的。 4、document.queryCommandState(commandID):确定命令的状态 5、document.queryCommandSupported(commandID):确定命令是否被支持,返回true或false 6原创 2014-06-15 15:54:57 · 1998 阅读 · 0 评论 -
火狐与IE的7个JavaScript差异
1、CSS的“float”属性 获取给定对象的特定 CSS 属性的基本语法是 object.style.property,有连字符的属性要用骆驼命名法来代替,例如,获取一个 ID 为 “header” 的 div 的 background-color 属性,语法如下: document.getElementById("header").style.backgroundColor= "#ccc"; 但是自从JavaScript将float作为保留字,翻译 2014-07-09 22:16:16 · 1385 阅读 · 0 评论 -
JS中单引号/双引号以及外部js引入的一些问题
一、单引号和双引号的用法的问题 在JavaScript中可以使用单引号、双引号,二者也可以混合使用。但是,身为菜鸟的我,却碰到了一些引号的使用问题。<body> <div style="border:1px solid red; height:150px;width:150px;" onclick="alert("test");" id="test">This is a test. </div></body>理论上,点击这个div会有弹框,但是无论你怎么点击,弹框都不出现原创 2014-06-19 13:01:06 · 1655 阅读 · 0 评论 -
JavaScript数值转换总结
1.4 param是字符串,遵循下列规则: 1.4.1 如果字符串中只包含数字,则转换为十进制,前导0被忽略; 1.4.2 如果字符串中包含有效的浮点数格式,则返回对应的浮点数值,前导0被忽略; 1.4.3 如果字符串包含有效的十六进制,则返回等大的十进制数值 1.4.4 如果字符串为空,则返回0原创 2014-07-30 21:37:29 · 1197 阅读 · 0 评论 -
JavaScript中的重载解读
在JavaScript中有一种特殊的数据类型---Function类型,JavaScript的每个函数都是Function类型的实例。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。function sum(num1){return num1 +100;}sum = function(num1){return num1 +200;}alert(sum(200)); //400原创 2014-08-04 13:38:37 · 1280 阅读 · 0 评论 -
浅谈JavaScript中的原型模式
person2和person3的name属性都返回dw。原型对象的属性和方法被所有特定类型的实例共享。在默认的情况下,每个原型对象会自动获得一个constructor属性,用于指向prototype属性所在函数的指针,如Person.prototype.constructor指向Personalert(Person.prototype.constructor); //返回Person的构造函数//Person.prototype.constructor只是指向Person的一个指针,与Person原创 2014-08-07 14:46:02 · 1375 阅读 · 0 评论 -
问题:关于坛友的一个js轮播效果的实现
需求:点击向前按钮进行向前翻页,向后按钮进行向后翻页,点击中间蓝色小圆圈可以来回自由切换我的大概思路:先默认显示一个div 然后在原位置在隐藏一个div 给按钮添加click事件,转到下一个时 显示影藏的div,再把原来的div给隐藏掉原创 2014-09-06 19:17:53 · 1232 阅读 · 0 评论 -
Jquery+bootstrap实现静态博客主题
Jquery+bootstrap实现静态博客主题来源:个人博客下载链接: Fork Git: https://github.com/dwqs/theme1 CSDN: http://download.csdn.net/detail/u011043843/7806307 百度云:http://pan.baidu.com/s/1kThzlS7原创 2014-08-23 13:43:22 · 2956 阅读 · 0 评论 -
JavaScript+IndexedDB实现留言板:客户端存储数据
之前看到贴友有问:用js怎么实现留言板效果。当时也写了一个,但是没有实现数据存储:http://www.ido321.com/591.html现在将之前的改写一下,原来的HTML布局不变,为了防止Google调整字体,在原来的css中加入一个样式 1: body{ 2: font-size: 20px; 3: -webkit-text-size-adjust:none; 4: }在google中调整字体,可以见此文:http://www.ido321.原创 2014-09-20 08:08:46 · 2240 阅读 · 0 评论 -
JavaScript中的JSON操作
//数据过滤document.write("数据过滤:"+"<br/>");var per = new Object;per.sex = "male";per.age = 29;per.birthday = new Date(1994,2,18);var memberFilter = ["sex","age"];var jsontext1 = JSON.stringify(per,memberFilter,"\t");document.write(jsontext1+"<br/><br/>原创 2014-06-07 23:43:41 · 1564 阅读 · 0 评论 -
问题:关于坛友一个获取text内容并改变样式的实现
需求:点击button获得input框中选中的内容,让选中的内容变红,原创 2014-09-09 00:38:25 · 2478 阅读 · 2 评论 -
Javascript实现简单的富文本编辑器
<!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;charset=utf-8"> <title>富文本编辑器<原创 2014-06-15 15:53:26 · 2824 阅读 · 2 评论 -
Javascript实现简单的选项卡
<div style="margin-left:-42px"> <ul id="tab"> <li onclick="javascript:display(1);" style="background-color:#ccc;color:black;"> 数 据 库 </li> <li onclick="javascript:display(2);"> 前台脚本 </li> <li onclick="javascript:display(3);">原创 2014-06-14 11:21:52 · 1254 阅读 · 0 评论 -
国外优秀JavaScript资源推荐
JavaScript的优秀之源原文链接:http://code.tutsplus.com/articles/resources-for-staying-on-top-of-javascript--cms-21369 去年,我写了一篇关于优秀资源之获取JavaScript优秀资源的博文。一年对于互联网来说是很长的,并且我认识到现在可以更新JavaScript资源了。根据用户的采用和接受情况,JavaScript在浏览器和服务器两端迅速的扩展。所以,是时候重访并且更新资源列表,让它有更好的翻译 2014-06-18 11:34:24 · 2207 阅读 · 0 评论 -
JavaScript实现简单图片滚动 --9张图告诉你,C罗欲哭无泪
昨晚德国和葡萄牙的焦点之战你看了吗?北京时间凌晨的比赛中,C罗领衔的葡萄牙0-4德国被完灭……他是金球奖得主、欧洲金靴、欧冠冠军核心,在葡萄牙队 <td><img src="c1.jpg" alt="C罗加油"></td> <td><img src="c2.jpg" alt="C罗加油"></td>原创 2014-06-17 14:24:48 · 1661 阅读 · 0 评论