发表于: 2017-04-16 21:20:42
1 611
今天完成的事情:
完成对修真院首页常用组件的拆分,完成对task15修真院用less重写。
JS5块东西:语句,变量和数组,操作符,条件语句和循环语句,函数和对象。
语句加;注释都和C一样
变量只有var就可以声明5种数值、布尔、字符串、数组、对象。函数用function。
var age=33; my_age 不同函数myAge()
var married = true; 就true和false不是串
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){} 函数就不用var用function,里面的参数也和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
评论