Gavin

Tomorrow is another day

js_day27--正则表达式

Day27 Javascript正则表达式(RegExp)   任务: 明确学习正则表达式的重要性 初步了解正则表达式是什么 能做简单的正则表达式的开发   为什么要学习正则表达式? 问题: 给你一个字符串(或一篇文章),请你找出所有四个数字连在一起的字串,...

2014-03-24 16:10:22

阅读数 1502

评论数 2

js_day26--js DOM编程(forms/form对象+table对象)

Day26   案例1:简易购物车 mycart.html --> <!-- function buy(obj){ //遍历所有的checkbox,计算新的总价 var fr...

2014-03-23 21:20:20

阅读数 1117

评论数 0

js_day25--js DOM编程(style对象之 坦克大战转向+切换菜单效果)

Day25 style对象 style对象表示当前元素的样式设置 style对象不是针对某一个html元素,而是所有的html元素而言的,也就是说,我们可以通过document.getElementById(“id”).style.property=”值”,来控制网页文档的任何一个元素...

2014-03-23 16:11:08

阅读数 1320

评论数 0

js_撞球游戏

小球在你的客户端浏览器不停地运动,碰到边缘后会反弹,基于此可以做出一些很小的网页游戏~ 源码: 撞球游戏 function $(id){ return document.getElementById(id); } //定两个方向 var directX...

2014-03-23 09:57:38

阅读数 1173

评论数 0

js_day24--js DOM编程(document+body对象)

 Day24 document对象 document是DOM编程中最重要的一个对象 document对象代表整个html文档,可用来访问页面中所有的元素,是最复杂的一个dom对象,可以说是学好dom编程的关键所在。 docume...

2014-03-22 21:17:51

阅读数 1141

评论数 0

js_乌龟抓鸡游戏

乌龟可以用键盘控制上下移动,而小鸡在自己的位置 上不停地上下移动,乌龟可以通过空格键发子弹·~打中小鸡后小鸡的血量会减少,但血量为0时,小鸡会被打死,这时提示是否重新开始! 源码: 乌龟抓鸡 <!-- function $(id){ return documen...

2014-03-22 13:41:47

阅读数 1857

评论数 0

js_day23--js DOM编程(history+location+navigator+screen+event对象)

Day23 history 对象 作用:Contains information about the URLs visitedby the client 即:该对象包含客户端访问过的URL信息 从dom层次图看,history是windows对象的成员属性,但实际上history是j...

2014-03-21 18:54:46

阅读数 1160

评论数 0

js_day22--js DOM编程(window对象3+猜拳游戏)

Day22 Window的status属性可以控制状态栏的信息 比如可以在状态栏滚动文字。如下: window.test <!-- function myscroll(){ var space_num = 0;//初始空格数 v...

2014-03-20 19:21:09

阅读数 1089

评论数 0

js_day21--js DOM编程(window对象2)

 Day21 Window对象 clearTimeout()取消由setTimeout()设定的定时器 window.test <!-- function test(){ ...

2014-03-20 15:39:23

阅读数 876

评论数 0

js_day20--js DOM编程(window对象1)

Day20 Js的Dom编程 为什么学dom编程: 我们在前面把js的基础知识讲解完了,可是如果你认为js只能做类似点击一个按钮,显示当前时间,那你就太小看jsl,实际上js更重要的作用是可以让用户对网页元素进行交互操作,这才是学习js的精华所在。 通过dom编程,我们可以...

2014-03-20 12:51:21

阅读数 849

评论数 0

js_day19--js事件驱动机制

 Day19 ●js事件驱动机制        Js是采用事件驱动响应用户操作的,比如通过鼠标或者按键在浏览器窗口或者网页元素(按钮,文本框…)上执行的操作,我们称之为事件(Event)。        由鼠标或热键引发的一连串程...

2014-03-19 19:37:02

阅读数 999

评论数 0

JavaScript和CSS Style属性对照表

JavaScript  CSS Style属性对照表       盒子标签和属性对照 CSS语法 (不区分大小写)   JavaScript语法 (区分大小写) border   border border-bottom   borderBottom border-bottom-c...

2014-03-19 15:39:46

阅读数 1006

评论数 0

js_day18--js内部类和系统函数

Day18 ●js内部类 ▶Javascript中本身提供一些可以直接使用的类(有属性和方法了)。主要有: Object、Array、Math、Boolean、String 、Date、Number、RegExp(正则表达式)   ▶分类: 动态类(必须创建实例才能调用方法),比如Da...

2013-12-23 12:55:22

阅读数 1048

评论数 0

js_day17--js面向对象三大特征+闭包

Day17 ●js面向对象编程—三大特征     抽象à把一类事物的共有的属性和行为提取出来,形成一个物理模板     ▶封装:把抽象出的属性和对属性的操作封装在一起。        Js提供以下几种控制方法和属性的访问权限: 公开级别:对外公开私有级别:类本身可以访问,不对外公开 案...

2013-12-21 13:03:43

阅读数 1862

评论数 0

js_day16--Object+Array+超级马里奥游戏+构造函数

Day16   ●Object类        Object类是所有javascript类的基类,提供了一种创建自定义对象的简单方式,不需要程序员再定义构造函数。 主要属性: constructor-对象的构造函数 Prototype-获得累的prototype对象,static性质 ...

2013-11-30 15:47:44

阅读数 2156

评论数 0

js_day15--js面向对象编程+this关键字+成员函数

Day15 ●js面向对象特征介绍        1、javascript是一种基于对象(object-based)的语言,你遇到的所有东西几乎都是对象。        ☞特别说明:基于对象也好,面向对象也好实际上都是以对象的概念来编写程序的,从本质上并无区别,所以这两个概念是一样的。  ...

2013-11-29 21:46:48

阅读数 1715

评论数 3

div+css综合案例

实验一 基于HTML+CSS的新闻网站首页实现 一、实验目的 1. 了解和掌握HTML基本标签的用法 2.  了解和掌握网页布局(包括盒模型和样式表CSS) 3.  了解和掌握基本控件标签的用法   二、实验开发环境和工具 可以在Linux或者Windows操作系统上搭建开发环境,...

2013-11-29 12:06:40

阅读数 3199

评论数 1

js_day14--js数组

Day14 ●js数组 为什么需要数组呢?        王大爷有六只乌龟,它们的体重分别是3Kg, 5Kg, 1Kg, 3.4Kg, 2Kg, 50Kg,请问这六只乌龟的总体重是多少?平均体重是多少?请你用现在掌握的技术编一个程序解决。        如果使用传统的方法来解决这个问题,就...

2013-11-28 22:22:30

阅读数 919

评论数 0

js_day13---js函数

Day13 ●js函数        案例: 请大家完成这样一个程序,输入两个数,再输入一个运算符,得到结果。 //有些浏览器不识别language或者有些浏览器不识别type. //为了兼容,将两个都写进去 <!-- //-->//...

2013-11-28 22:12:10

阅读数 941

评论数 0

js_day12---js数据类型+运算符+三大流程控制

Day12 ●javascript数据类型 基本数据类型:   数值(2)字符串(3)布尔型   小技巧:通过typeof关键字可以看到变量的具体数据类型是什么。 举例: var v1 = "abc"; var v2 = 890...

2013-11-28 13:18:58

阅读数 1133

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭