什么是DOM?
a) Document object model 文档树模型,是一套html和xml文档的api(系统提供的对象和方法)。
b) 文档树模型:有像树一样的文档层次结构
c) 节点node:html所有内容都是node结点(元素、属性、文本。。。)
d) 元素element:html内的标签可视为元素也是对象
e) 根元素html:只有一个
DOM可以做什么
a) 找某个节点对象
b) 设置对象的属性、样式
c) 动态创建和删除元
事件名称
事件(js是事件驱动,os是事件驱动的):触发响应
事件源:事件的触发者
事件响应程序:
<a id="link" href="http://www.baidu.com" >baidu</a> <script > //1、能够点击 //找到id是link的dom对象(a标签) //要等着标签生成之后,再来获取对应的dom对象!!!!!!重点 //null是空对象,不能调用空对象的属性或方法,因为会报错 var link = document.getElementById('link'); console.log(link); //给link注册单击事件 //事件的三要素 //事件源--事件的触发者link //事件的处理程序--onclick == 匿名函数 //事件名称 click link.onclick = function() { alert("haha"); return false;//取消a标签默认执行 };
js基础复习
js基本组成:基本类型、复杂类型、空类型(null undefined)、
js包含:
1、核心(ECMAScript) 描述了该语言的语法和基本对象
2、文档对象模型(DOM)描述了处理网页内容的方法和接口
3、浏览器对象模型(BOM)描述了与浏览器进行交互的方法和接口
js基本类型:string、number、boolean(Number为对象类型)---存储于栈中
js复合类型:数组,对象,表达式,函数 ---存储于堆中
js核心类型:Object function
获得类型的运算符:typeof (返回字符串)
===跟==的区别:
===比较值还比较类型==只比较值,针对值类型
对象类型都是应用类型都在比较地址
in:判断某个对象是否包含某个属性
var o = {name : 'zs'}; console.log('name' in o ); console.log('age' in o );
条件运算符(三目运算符、条件表达式)
创建对象:new
逻辑中断:使用|| 或 && 表示或与并且关系的时候
1》|| 左边表达为真时,不再计算右边
2》&&左边表达为假时,不再计算右边
delete运算符: delete 变量 数组项 对象属性
返回值:boolean表示删除是否成功
作用:删除元素但不改变长度(比如数组);(若要删除长度空间则用 splice)Var num1 = 123; //标准的语法声明变量 Num2 = 456; //在代码执行到改行的时候会在全局范围内增加该变量
Delete 不可以删除标准声明变量,在特定技巧环节中用到
js循环: for while do-while forin
js分支语句:1、if-else-if 2、swich case
break跳出循环continue进入下次循环
字符编码:
ASCII码需要记住的五个常见编码号:0--48 a--97 A--65 空格--32
值类型与引用类型
数字 + 上下文(环境) = 信息
内存97表示什么?
做数学运算是97;转换字符时为a
Ascii 码用7个二进制位存储字符
内存一排格子表示内存
字符占几个字节?
考虑编码:
ascii下:字母、数字、英文标点符号:一个字节(7bit)
双字节字符:与ascii重合的都是一个字节,其余独有字符为两个字节(如gb2312)
unicode编码:任何字符都是两个字节(有点浪费内存其实就是utf-16)
Utf-8:与ascii重合都是一个字节,汉字三个字节