11001 PHP学习第十一天笔记 – 恵玩科技

昨日回顾

数组的本质: 将多个数据以某种顺序排列成一个整体。

var  arr1 = new Array()

var  arr2 = new Array(24, 11, 55, 11)

var  arr3 = [24, 11, 55, 11]

arr1[0]    =  24;

arr1[1] = 55;

arr1[2] = “abc”;

var arr3 =  [

[23,4,2,6],

[6,1, 6, 12],

[6, 2, 8, 1],

];

 

数组的遍历:

var  len = arr1.length;

var i;

for( i = 0 ; i < len;  i++)

{

//操作arr1[i]

}

 

数组遍历方法二:

for (var  t  in   数组名 )

{

//操作数组名[ t ]

 

}

Date对象:

var  d1 = new Date();

var  d2 = new Date(“一个表示时间日期的字符串”);

var  d3 = new Date(年, 月, 日, 时, 分, 秒);

var  d4 = new Date( 一个代表所经过的毫秒数的数字);

 

d1.getTime();            //获得一个数字,该数字代表所经历的毫秒数。

d1.toLocaleString(); //转换为本地时间表示形式

d1.get~~~~~():  获得时间的其中某项数值

d1.set~~~~~():设置时间的其中某项的数值

 

Math对象:

Math.max(),

Math.min()

Math.round()

Math.floor();

Math.ceil()

Math.random();

 

var s1 = new String()

var s2 = new Array();

var s3 = new Date();

var s4 = new Math();  è  Math是一个“独立对象”。它不需要new一个新的对象出来,而是直接使用。

var s5 = new Number();

 

网页对象入门

什么是对象:

var myDreamGirl = {

name: “小花”,

若干方法
若干属性

age:18,

edu:”大学”,

sex: “女”,

zuofan: function () { “做饭!” },

xiyi: function () { “洗衣!” }

}

var v1 = myDreamGirl.age;     //18

myDreamGirl.age = 20;

myDreamGirl.zuofan();             //含义:我的梦中女孩正在做饭。。。。

 

我们现在已经学到了一些对象,比如: String对象,Array对象,Date对象, Math对象

——以上为js语言内部的对象

以后我们还要接触另一个层面的对象:

我们完全自己定义的对象——这就是面向对象的最重要内容——就业班才学。

然后,我们还要第三大块对象(3个观念):

一个网页中的每个标签都是一个对象。

这些对象都可以使用js技术来对他们进行改变。

我们写程序来决定这些对象的改变的最终状态

 

对一个网页标签,我们之前对其设定外观(标签),通常是通过以下两个途径:

html属性: <标签  html属性1=“值1”  html属性2=“值2” ……  >内容部分</标签>

css属性: <标签 style=“css属性1:值1; css属性2:值2; …… ” >内容部分</标签>

 

那么,对于js,我们都能够对他们做“操作”:

对html属性操作:

对象.html属性 =  某值;         //值可能是字符串,也可能是数字(只有少数几个)

对css属性操作:

对象.style.css属性 =  “某值”;           //几乎全部都是字符串类型

 

js中操作html属性和css属性的书写对应关系:

html属性 align width height size src cellpadding      
js中写法: align width height size src cellpadding      
css属性 color border padding font-size font-family border-top border-top-width border-top-color
js中写法 color border padding fontSize fontFamily borderTop borderTopWidth borderTopColor

 

html属性: 通常是“每个标签(对象)有其自己固有的属性”——有html标准所决定

css属性: 通常是通用性,几乎针对的是所有标签(对象)。

 

特别注意情形:有些属性(外形)用html属性能实现,用css属性也能实现,则如果他们同时存在的时候,实际上是以css优先。比如:

width=”100”                       è     width:200px;

height=”100”                     è              height:200px;

align=”center”                   è              text-align:right;

valign=”top”                       è              vertical-align: middle

color=”red”                         è              color:green;

 

事件

什么是事件?就是用户的动作。——事件无处不在。

具体事件包括:

鼠标事件:

onclick:                       鼠标点击的时候发生

onmouseover:       鼠标进入某盒子的时候

onmouseout:           鼠标离开某盒子的时候

onmousemove:       鼠标移动的时候发现

onmousedown:         鼠标按下去(还没有抬起来)的时候发生

onmouseup:              鼠标抬起来的时候发生

ondblclick:  双击

键盘事件:

onkeypress:               一个按键按下又抬起——按键一次。

onkeydown:               一个按键按下去(还没有抬起来)

onkeyup:                     一个按键抬起来。

表单事件:

onsubmit:                   提交表单的时候发生

onfocus:                  一个对象(表单项)获得焦点的时候。

onblur:                     一个对象失去焦点的时候发生

onchange:               一个表单项的内容改变的时候,通常用于select对象选项改变

 

页面事件:

onload:                    表示一个页面“加载成功”的时候,就显示完全的时候。

 

事件对象:

事件对象event: 其代表任何一个事件发生的时候的“现场信息”,其中通常包括:事件发生的对象,事件发生的时候鼠标的位置(x,y坐标),键盘事件发生的时候的键值(键盘上每个键其实都有个“code”键值,类似每个字母都有个code/编码)

 

event.clientX:           鼠标的x坐标值,是一个整数,这个坐标值都是相对于网页来说的。

event.clientY:            鼠标的y坐标值,是一个整数

event.keyCode:        键盘的按键值

 

 

 

 

 

 

 

 

 

打赏作者