首页 > IT职业 > IT生活 > JavaScript日常修炼笔记(第二天)
今天是第二天,继续朝着万元高新进发!!!!
认识DOM
个人觉得学好代码,对于每个英文单词都得认识,不能死记硬背,要真正理解他的意思,那么学代码就会相对轻松多了。
D(document,文档),O(object,对象),M(model,模型)
写完一个HTML就是由节点构成的,和建一栋大楼一样!
- 元素节点:、、
等都是元素节点,即标签。
- 文本节点:向用户展示的内容,如
- ...
中的JavaScript、DOM、CSS等文本。- 属性节点:元素属性,如http://www.imooc.com"。
通过ID获取元素:getELementById("id名称");
提莫队长
改变 HTML 样式
第一天讲过,通过DOM改变样式。
语法:Object.style.property=new style;
I love JavaScript
JavaScript使网页显示动态效果并实现与用户交互功能。
显示和隐藏(display属性)
语法:Object.style.display = value
value值有两个属性,"none","block"。
控制类名(className 属性)
语法:object.className = classname
classname要加双引号,className不仅可以改变class属性,也可以添加class属性。
JavaScript使网页显示动态效果并实现与用户交互功能。
JavaScript使网页显示动态效果并实现与用户交互功能。
小小练习题
JavaScript课程
JavaScript为网页添加动态效果并实现与用户交互的功能。
1. JavaScript入门篇,让不懂JS的你,快速了解JS。
2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。
3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。
自加一,自减一 ( ++和- -)
mynum = 10;
mynum++; //mynum的值变为11
mynum--; //mynum的值又变回10
(逻辑与操作符&&)
b>a && b
(逻辑或操作符||)
"||"逻辑或操作符,相当于生活中的“或者”,当两个条件中有任一个条件满足,“逻辑或”的运算结果就为“真”。
(逻辑非操作符!)
"!"是逻辑非操作符,也就是"不是"的意思~
var a=3;
var b=5;
var c;
c=!(b>a); // b>a值是true,! (b>a)值是false
c=!(b (操作符优先级)
var numa=3;
var numb=6
jq= ((numa + 30) / (2 - numb)) * 3; //结果是-24.75
var numa=3;
var numb=6;
jq= numa + 30 >10 && numb * 3 来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/3016/viewspace-2798655/ ,如需转载,请注明出处,否则将追究法律责任。