ITPub博客

首页 > IT职业 > IT生活 > JavaScript日常修炼笔记(第二天)

JavaScript日常修炼笔记(第二天)

IT生活 作者:船头尺 时间:2021-09-09 09:01:03 0 删除 编辑

今天是第二天,继续朝着万元高新进发!!!!

认识DOM
个人觉得学好代码,对于每个英文单词都得认识,不能死记硬背,要真正理解他的意思,那么学代码就会相对轻松多了。
D(document,文档),O(object,对象),M(model,模型)

写完一个HTML就是由节点构成的,和建一栋大楼一样!

  1. 元素节点:、、

    等都是元素节点,即标签。

  2. 文本节点:向用户展示的内容,如
  3. ...
  4. 中的JavaScript、DOM、CSS等文本。
  5. 属性节点:元素属性,如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/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-04-24

  • 博文量
    92
  • 访问量
    6992