Javascript随手记
简介
基于对象
JavaScript是一种基于对象的脚本语言,它不仅可以创建对象,也能使用现有的对象。但是面向对象的三大特性:
〖多态〗中,JavaScript能够实现封装,可以模拟继承,不支持多态,所以它不是一门面向对象的编程语言。
弱类型
JavaScript中也有明确的数据类型,但是声明一个变量后它可以接收任何类型的数据,并且会在程序执行过程中根据上下文自动转换类型
事件驱动
JavaScript是一种采用事件驱动的脚本语言,它不需要经过web服务器就可以对用户的输入做出响应。
跨平台性
JavaScript脚本语言不依赖于操作系统,仅需要浏览器的支持。因此一个JavaScript脚本在编写后可以带到任意机器上使用
的浏览器支持JavaScript脚本浯言。目前JavaScript已被大多数的浏览器所支持。
引入方式
内嵌式
在head中(推荐)通过一对script标签定义脚本代码
引入外部脚本文件
一个html中可以有多个script标签
2一对scr土pt标签不能在引入外部js文件的同时定义内部脚本I
3pt标签如果用于引入外部js文件,中间最好不要有任何字符包括空格和换行
对象创建
创建对象的语法
方式1 new object()
方式2 {属性名:属性值,… …,函数名:function(){}}
JSON
JSON格式的语法
var personStr =’{“属性名”:”属性值”…}’
属性名必须用””包裹上
属性值字符串必须用””包好,数字可以不处理
JSON.parse()可以将一个JSON串转换为一个对象
JSON.stringify()将一个对象转换为JSON串
事件
HTML事件可以是浏览器行为,也可以是用户行为,当这些一些行为发生时,可以自动触发对应的JS函数的运行,我们称之为事件发生JS的事件驱动指的就是行为触发代码运行的这种特点
绑定方式:元素属性绑定:DOM编程动态绑定
常见的事件
1鼠标事件 onclick ondbclick onmouseover onmousemove onmouseleave
2键盘事件 onkeydown onkeyup
3表单事件 onfocus onblur onchange onsubmit onreset
BOM编程
BOM是Browser Object Model的简写,即浏览器对象模型。
BOM由一系列对象组成是访问、控制、修改浏览器的属性和方法(通过window对象及属性的一系列方法控制浏览器行为的种编程)
BOM没有统一的标准(每种客户端都可以自定标准)。
BOM编程是将浏览器窗口的各种组成部分抽象成各个对象,通过各个对象的API操作组件行为的一种编程
BOM编程的对象结构如下
window顶级对象,代表整个浏览器窗口
location对象 window对象的属性之一,代表浏览器的地址栏
history对象 window对象的属性之一,代表浏览器的访问历史
screen对象 window对象的属性之一,代表屏幕
navigator对象 window对象的属性之一,代表浏览器软件本身
document对象 window对象的属性之一,代表浏览器窗口目前解析的html文档
console对象 window对象的属性之一,代表浏览器开发者工具的控制台
localStorage对象 window对象的属性之一,代表浏览器的本地数据持久化存储
sessionStorage对象 window对象的属性之一,代表浏览器的本地数据会话级级存储
三种弹窗方式
alert
prompt
confirm
DOM编程
简单来说:DOM(Document object Model)编程就是使用document对象的API完成对网页HTML文档进行动态修改,以实现网页数据和样式动态变化效果的编程
dom树上的结点类型
node 结点
1 元素结点element 标签
2 属性结点attribute 属性
3 文本结点text 双标签中间的文字
1.获得document dom树
window.document
2.从document中获取要操作的元素
1.直接获取
2.间接获取
3 对元素进行操作
1.操作元素的属性
2.操作元素的样式
3.操作元素的文本
4.增删元素