JavaScript笔记
WeAreZero
快乐就好!
展开
-
7.4 Javascript:表单验证-揭开正则表达式的面纱
“.” 匹配任何字符,除换行符外“\d”匹配任何数字字符“\w”匹配任何字母或数字字符“\s”匹配空格“^”字符串需以模式起始“$”字符串需以模式结束原创 2016-03-17 16:39:23 · 1819 阅读 · 0 评论 -
8.1 JavaScript:驾驭网页-DOM
见树也见林:Document Object Model (DOM) DOM提供对脚本友善的网页结构与见容的视图 DOM把网页视为节点构成的层次树**DOM树每棵DOM树的最顶端节点都是Document,它在HTML节点的上层网页是DOM节点的集合原创 2016-03-23 16:58:00 · 2798 阅读 · 2 评论 -
8.2 JavaScript:驾驭网页-CSS与DOM
利用DOM分割HTML利用JavaScript控制网页内容其实很像烹饪。只是不用收拾列羹剩肴,但也没有办法享受美味的成果。 不过,你将能完整网页内容的HTML构成要素:更重要的是,你将拥有替换网页成分的能力。原创 2016-03-24 11:09:15 · 892 阅读 · 1 评论 -
6.1 Javascript:事件与回调函数
事件当页面要发生一些事情或做一些事情时,我们称其为事件。事件是网页自带的属性,如click、mousemove、load等。 响应某个事件的函数则称为事件处理程序,或者叫做事件侦听器。回调函数调函数,,指一个函数A被作为参数传递给另一个函数B,回调函数A会在函数B内被调用(或执行)。回调函数的本质是一种模式,因此回调函数也被称为回调模式。在这里,函数A被称为回调函数深度理解函数也只不过是个值,要么原创 2016-03-13 22:46:39 · 2709 阅读 · 0 评论 -
9 JavaScritp:为数据带来生命-创建自定义对象
对象可以结合数据与行为,以创建一种新的数据类型简单理解:数据+行为=对象 JavaScript的对象结合了数据与行为,成为一种全然不同的数据结构,其中可以存储数据,也可以根据数据而行动对象拥有自己的数据当变量与函数被放在对象里,它们都被当成对象成员,更详细的说,变量称为对象的特性,函数则称为对象的方法 当要访问对象的特性与方法的时候,要使用一种特殊的运算符——“.” Object.Proper原创 2016-04-06 20:15:27 · 799 阅读 · 1 评论 -
7 Javascript:表单与验证-非空验证
表单提交前要检查数据的合法性在要对表单里的数据进行验证的时候,可以利用getElementById()来访问网页上任何一个元素 每个表单域都有一个form对象,可被传给任何验证表单数据的函数<input id="zipcode" name="zipcode" type="text" size="5" onclick="showIt(this.form)"/>function showIt(thi原创 2016-03-15 10:25:51 · 1945 阅读 · 0 评论 -
7.1 Javascript:表单与验证-长度验证
该采用什么样的方式对用户作出提醒呢?你一定不想用alert()提示框在输入域后加一个sqan标签<input id="phone" name="phone" type="text" size="12" onBlur="validateNonEmptyFun(this,document.getElementById('phone_help'));" /><span id="phone_help" c原创 2016-03-15 10:44:54 · 4424 阅读 · 6 评论 -
7.2 Javascript:表单验证-提交表单
坏数据不该抵达服务器:提交表单时的验证表单域对象里有个form特性,它使用数组表示了整份表单的域原创 2016-03-15 12:14:23 · 683 阅读 · 0 评论 -
7.3 Javascript:表单验证-初识正则
常见的日期格式:先以两位数表示日,再以两位数表示月,最后以四位数表示年,期间以斜线分隔。 MM/DD/YYYY博主:怎样设计出验证日期是否符合格式的代码呢?菜鸟:感觉好困难 ╯︿╰=先来看一下验证日期格式的逻辑吧原创 2016-03-15 14:28:46 · 1019 阅读 · 0 评论 -
9.1 JavaScritp:为数据带来生命-对象中的对象
JavaScript除了可以自己有自定义对象外,也拥有自定义对象,例如String对象与Date对象原创 2016-04-17 21:32:48 · 959 阅读 · 0 评论 -
6 Javascript:函数
函数函数是面向任务的。 当我们面临一个需要可问题的时候,往往无处下手。这时候,需要将问题分解为多个任务,从而逐一击破。这里就需要函数的帮助。语法function Name(){ Body(); }解读function为声明一个函数(方法的关键字) 关键字后跟该函数的名字,一般以驼峰式命名,开头字母大写或开头字母小写,其它字母开头大写 函数名后是对小括号,代表这是一个函数,里面原创 2016-03-12 19:08:27 · 1059 阅读 · 0 评论 -
5.2 Javascript:循环-二维数组
二维数组说明与一维数组相比,在用法上二维数组并没有什么不同;二维数组提供了行与 列的选择;也就是说,在一维数组里的每个值都是一组一维数组语法var arrayStr=new Array(new array(),new array(),new array(),new array(),...)说明var arrayStr=new Array(); 这已经是一个一维数组,所以在一维数组里再套多个一维数组原创 2016-03-12 17:57:27 · 16064 阅读 · 1 评论 -
1 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> <title>虚拟宠物狗</title>原创 2016-03-08 14:32:02 · 736 阅读 · 0 评论 -
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> <title></title>原创 2016-03-08 16:34:22 · 748 阅读 · 0 评论 -
3 Javascript:探索客户端-定时器
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> <title>定时器<原创 2016-03-08 21:31:14 · 617 阅读 · 0 评论 -
3.2 Javascript:探索客户端-cookie
网页内容<!doctype html><html><head><meta charset="utf-8"><title>Cookie</title><!--添加外部js文件--><script type="text/javascript" src="Cookie.js">//通过src向html页面导入js文件</script></head><body"><div onClick=原创 2016-03-09 13:55:56 · 954 阅读 · 0 评论 -
3.1 Javascript:探索客户端-设置网页元素根据窗口比例调整位置与大小
设置图片位置与大小根据窗口大小自动调整<!doctype html><html><head><meta charset="utf-8"><title>设置网页元素根据窗口比例调整位置与大小</title><script type="text/javascript"> function resizeDog() { //document.body.sty原创 2016-03-09 10:21:23 · 1956 阅读 · 0 评论 -
4.1 Javascript:决策-switch/case语句
// JavaScript Document//switch/case语句适合从多个(2个以上或更多)条件中选择一个function switchFun(){ var i=10; switch(i)//参数为要进行测试的数据 { case 1: //测试数据在此进行比较,如果符合条件,返回true,执行子句;否则跳过,返回false原创 2016-03-09 17:15:26 · 744 阅读 · 0 评论 -
4 Javascript:决策-if/else语句
// JavaScript Documentfunction ifElse(){ var i=10; //if有条件的执行运行一段程序代码 if(i>5)//括号中为测试条件,如果为真,则运行下面代码;否则跳过 alert("这个数字大于5"); else//如果if测试的条件不通过,则执行这里的代码 alert("这个数字小于5"原创 2016-03-09 16:57:12 · 741 阅读 · 0 评论 -
7.5 Javascript:表单验证-正则补充
正则补充说明正则表达式不是个字符串,它是对字符串的描述 正则表达式不能用在其它的类型的数据上,它单纯的用于字符串上 如果想要匹配元字符,例如$,须加“\”来转义“{}”的另一个用法“{}”中有一个参数的时候,决定子模式出现在字符串里的次数 当有两个参数的时候,可以决定子模式在字符串里出现的最少次数与最多次数“{min,max}” /^\w{5,8}$/ 例如这段正则表达式片段用来描述密码时,原创 2016-03-21 22:33:49 · 1368 阅读 · 1 评论 -
8 JavaScript:驾驭网页-获取网页元素
利用DOM分割HTML利用JavaScript控制网页内容其实很像烹饪。只是不用收拾列羹剩肴,但也没有办法享受美味的成果。 不过,你将能完整网页内容的HTML构成要素:更重要的是,你将拥有替换网页成分的能力。 JavaScript让你可以随心所欲地操控网页的HTML代码,从而打开各种有趣的机会之门,一切都是因为标准对象:DOM的存在getElementByIdHTML标签都有一个"id"属性,第原创 2016-03-10 11:24:12 · 1790 阅读 · 1 评论 -
5 Javascript:循环-for
// JavaScript Document//索引数组与循环是好搭档,让我们能用循环计数逐一处理数组里的数据function ForFun(){ //for循环首先实例化一个变量i,然后判断条件i<10并返回ture/false //然后进入代码块,运行代码 //最后更新变量i++,直到判定条件为false退出循环 for(var i=0;i<10;i++)原创 2016-03-10 11:01:33 · 878 阅读 · 0 评论 -
9.2 JavaScritp:为数据带来生命-数组对象
数组也是对象数组不只拥有length属性,还有个方法叫sort(),可为数组里的数据排列顺序var nums=[51,11,34,29,17,46,22,58,16];nums.sort();//默认的将依升幂顺序排列数组自定义数组排序方式 只靠Array对象的sort()访法的默认行为通常不够。还好,排序行为可以由比较函数决定。sort()调用比较函数,用于比较数组中各个等着排序的元素。自己提原创 2016-05-02 14:02:22 · 1055 阅读 · 0 评论