javascript概述:
javascript是一种直译式脚本语言
什么是脚本语言?
java源代码 -------> 编译成.class文件 -------> java虚拟机中才能执行
脚本语言: 源码 -------> 解释执行
js由我们的浏览器来来解释执行
HTML:决定了页面的框架
CSS:用来美化我们的页面
JS:提供用户的交互
JS的组成:
ECMASciprt:核心部分,定义js的语法规范
DOM:document Object Model 文档对象模型,主要是用来管理页面的
BOM:Browser Object Model 浏览器对象模型,前进,后退,页面刷新,地址栏,历史记录,屏幕宽高
JS的语法:
变量弱类型:var i = true
区分大小写
语句结束后的分号,可以有,也可以没有
写在script标签
JS的数据类型:
基本类型
string
number
boolean
undefined
null
引用类型
对象,内置对象
类型转换
js内部自动转换
JS的运算符和语句:
运算符和java一样
“===” 全等号:值和类型都必须相等
== 值相等就行
语句和java一样
JS的输出:
alert() 直接弹框
document.write()0 向页面输出
console.log() 想控制台输出
innerHTML: 想页面输出
获取页面元素:document.getElementById(“id的名称”);
JS声明变量:
var 变量的名称 = 变量的值
JS声明函数:
var 函数的名称 = function(){
}
function 函数的名称(){
}
JS的开发步骤:
1、确定事件
2、通常事件都会发出一个函数
3、函数里面通常都会去操作页面元素,做一些交互动作
JS中的常用事件:
onfocus 事件:获得焦点事件
onblur :失去焦点
onkeyuo:案件抬起事件
定时器:
setInterval(“test()”,3000) 每隔多少毫秒执行一次函数
setTimeout(“test()”,3000) 多少毫秒之后执行一次函数
timerID 上面定时器调用之后
clearInterval()
clearTimeout()
HTML中的DOM操作:
一些常用的HTML DOM方法:
getElementById(id) 获取带有指定id的节点(元素)
appendChild(node) 插入新的子节点(元素)
removeChild(node) 删除子节点(元素)
一些常用的 HTML DOM 属性:
innerHTML 节点(元素)的文本值
parentNode 节点(元素)的父节点
childNodes 节点(元素)的子节点
attributes 节点(元素)的属性节点
查找节点:
getElementById()返回带有指定ID的元素
getElementByTagName()返回包含带有指定标签名称的所有元素的节点列表(集合/节点数组)
getElementByClassName()返回包含带有指定类名的所有元素的节点列表
增加节点:
creatAttribute()创建属性节点
createElement()创建元素节点
createTextNode()创建文本节点
insertBefore()在指定的子节点前面插入新的子节点
appendChild()把新的子节点添加到指定节点
删除节点:
removeChild()删除子节点
replaceChild()替换子节点
修改节点:
setSttribute()修改属性
setAttributeNode()修改属性节点