前端学习笔记： js（总结）

JavaScript

JavaScript是一门基于对象的脚本语言。

JS由三部分组成：

1. ECMAScript
2. DOM 文档对象模型
3. BOM 浏览器对象模型

变量

变量的类型

• 基本类型
  • number  数值类型 
  • string 字符串类型
  • boolean 布尔类型
  • undefined 未定义或者未赋值
• 复杂数据类型
  • Object

变量类型的转换

强制转换：

• parseInt() 
• parseFloat()

隐式转换：

• 数值类型+字符串=字符串
• 数值类型+布尔类型=数值类型
• 布尔类型+字符串类型=字符串类型

DOM元素的控制：

获取节点：

• 通过id名获取 document.getElementById('id名');
• 通过标签名获取 document.getElementsByTagName('标签名');
• 通过类名获取 document.getElementsByClassName('类名');
• 获取标签的子级  获取标签.children
• 获取标签的父级  获取标签.parentNode

创建标签：createElement('标签名')

删除标签：a.parentNode.removeChild(a)

新增标签：

• append()   
• prepend()

克隆标签：cloneNode()

获取HTML 内容： 获取标签.innerHTML

修改HTML内容：获取标签.innerHTML='新内容'

产生随机数：Math.random()  产生0-1之间的随机数 含0不含1

定时器： setInterval(function(){每隔一段时间，执行的代码},时间ms)

停止定时器：clearInterval(定时器名字)

事件： 获取标签.on+事件类型=function(){触发事件以后执行的代码}

控制标签的css    修改标签的css：获取标签.style.css样式='值'

控制标签的属性

• 获取标签属性： 获取标签.getAttribute('属性')
• 修改标签属性： 获取标签.setAttribute('属性','值')

控制表单元素的值

• 获取值  获取标签.value
• 修改值  获取标签.value='值'