发表于: 2017-04-16 21:20:42

1 611


今天完成的事情:

完成对修真院首页常用组件的拆分,完成对task15修真院用less重写。

 

JS5块东西:语句,变量和数组,操作符,条件语句和循环语句,函数和对象。

语句加;注释都和C一样

 

变量只有var就可以声明5种数值、布尔、字符串、数组、对象。函数用function

var age=33; my_age  不同函数myAge()

var married = true; truefalse不是串

var name = lucy 这个只要求是引号,单双都可以 , 。建议用双,然后应\来转义防止有歧义。

 

var xx = Array(3);  简写var xx = [ lucy, 33,true];注意着区别c,这里既是是用串也会是一维,只有里 面包了另一个数组才会成为二维。

xx[0] = lucy;

xx[1] = 33;

xx[2] = true;

 

var lennon = [ John, 1940, false];

var beales = [];

beales[0] = lennon; 这里这个beales才是二维beales[0][0]就是John   关联数组就别玩了。

 

function  xx(){ } function xx(n1,n2){}  函数就不用varfunction,里面的参数也和var一样,想声明用也行不声明用也行。

 

对象声明类似数组但不同关键字Array()  这是Object()数组用下标这个用属性找。

var lennon = Object(); 简写var lennon = { name:John, year:1940, living: false};

lennon.name = John;

lennon.year = 1940;

lennon.living = false;

 

再说下属性和方法,都是用点.来实现访问

Object.property

Object.method()

给对象创建一个实例用new如:

var john = new Person; 即都是人但名字不同。

对象分三类

内建对象:拿来就用,js已经写好了的。

宿主对象:由具体比如浏览器这些定义的。

 

操作符,条件语句和循环语句都和C一样,就是+不同

先说一样的,条件就是if(){} else{}

循环就是while(){}; do{} while;for(;;){}

 

操作数+ - * /  +号特别可用于拼接,但只要有串就算拼接,(只是串和数值,和别的暂时不知道)

比较> < >= <= ==  === 这里””==false 这是对的””===false不对了一个串一个布尔。

逻辑&& || !

 

 

DOM就是文档,对象,模型

节点就是元素节点,这个元素节点包含文本节点和属性节点如
<p title=””>Hello world</p>  整个是元素节点,title属性,Hello World文本。

 

5个常用DOM方法

3个获取特定元素方法:

getElementById这个是document特有的,别的element不能用,返回一个对象。区别下面两个。

Element没有s。如document.getElementById(pp);

 

getElementsByTagName返回一个对象数组,找标签的如p。  .length  这不是document特有,所有element都可以用。

 

getElementsByClassName同上,找类名的,有多个类名的用空格分开,不是严格匹配,顺序无关,

 

2个对象获取和设置属性。不会修改源码。是动态刷新。

getAttribute 不能用document。通过元素节点对象调用。

 

getAttribute同上,getAttribute(原值, 更改为)

 

明天计划的事情:改task1,做js

 

遇到的问题:无

 

收获:js语句,变量和数组,操作符,条件语句和循环语句,函数和对象,5个常用DOM方法

 

成果链接http://119.10.57.69:880/jnshu3938/CSS/task14/task15-1/task15-1.html

 

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task14/task15-1/task15-1.html

 

成果链接http://119.10.57.69:880/jnshu3938/CSS/task15/task15-1/task15-1.html

 

代码链接https://github.com/xuoutput/HTML-CSS/blob/master/task15/task15-1/task15-1.html



返回列表 返回列表
评论

    分享到