javascript基础学习三---DOM操作

什么是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重合都是一个字节，汉字三个字节