javascript学习笔记

javascript
*是基于对象和事件驱动的语言，应用于客户端
-基于对象：提供了很多对象，可以直接拿过来使用
-事件驱动：html做网站静态效果，js是动态效果
-客户端：专门指的浏览器

1 js的特点：
交互性
安全性（js不能直接访问本地磁盘的文件）
跨平台性（只要能够支持js的浏览器，都可以运行）
js是弱类型的语言
js只需解析就可以执行
js的组成:
ECMAScript（ECMA欧洲计算机协会，执行JS的语法）
BOM（broswer object model）-浏览器对象模型
DOM(document object model)-文档对象模型

2 js和html的结合方式（两种）
第一种：使用一个标签
<script type="text/javascript">
...........
</script>
第二种：使用script标签，引入一个外部的js的文件

3 js的原始类型和声明变量
定义变量 都使用关键字var
js的原始类型（五个）
string number boolean undifined

4 js的语句
*有 if swith which for 语句
5 在键盘上按F12，可以开启调试工具页面
6 script标签放的位置
*建议放到</body>的后面
7 js里面的函数没有重载
没有重载
但是可以通过其它的方式模拟重载（通过arguments数组来实现）
8 bom：浏览器对象模型
有哪些对象？
navigator:可以获取浏览器的一些信息
例如navigator.appname 返回浏览器的名称
screen:获取屏幕的一些信息
location：获取/设置url地址
history：获取请求的url的历史记录
window：窗口对象，所有的bom对象都是在window里操作的
alert():页面弹出一个框
confirm():确认提示框
prompt():输入对话框--用于交互
open():打开一个新的浏览器窗口
close():关闭窗口
做定时器:setInterval setTimeout clearInterval clearTimeout
9 dom:文档对象模型
文档：html、xml
对象：提供了熟悉和方法
模型：使用属性和方法操作超文本标记型文档
可以使用js里面的dom里面提供的对象，使用这些对象的属性和方法，对标记型文档进行操作
要对标记型文档进行操作，首先需要对标记下文档里的所有内容封装成对象：
--需要把html里面的标签、属性、文本内容都封装成对象
dom如何解析标记型文档？
-画图分析，如何使用dom解析html
根据html的层级结构，会在内存中分配一个树形结构
根据树形结构，分析有哪些对象？
* doucument对象：整个html文档
* element对象：各标签
* 属性对象
* 文本对象
Node节点对象：以上所有对象的父对象，
如果在对象里面找不到想要的方法，就到Node对象中找
10 DHTML：是很多技术的简称：html css dom javascript
11 document对象
表示整个文档
常用方法：
write()方法：向页面输出变量（值）/html代码
getElementById():通过id得到标签，继而得到标签里面的属性值等

 

12 element对象
要操作element对象，首先必须获取element对象
--document.getElementById getelementByTagName
对element里面属性里面的值操作：
getAttribute setAttribute removeAttribute

13 Node属性
nodeName nodeTage nodeValue
针对元素 属性 文本分别得到不同的值
对于html树，标签Node节点可以通过parentNode ChildrenNode等获取其父节点和子节点

14 操作dom树
appendChild方法：添加/剪切-粘贴子节点树
insertBefore(newNode,oldNode)方法
在oldNode节点之前插入一个newNode节点
插入一个节点时，节点不存在，创建节点的步骤：
a 创建标签 b 场景文本 c 把文本添加到标签下面
removeChild方法：删除节点
replaceChild(newNode,oldNode)方法:替换节点
cloneNode(true):复制树到剪切板里

15 innerHTML属性
不是dom的组成部分，但是大多数浏览器都支持该属性
作用：
1 获取文本的内容
2 向标签里面设置内容（可以是html代码）
<span id="sid">haha</span>
<script>
var span1=document.getElementById("sid");
alert(span1.innerHTML);//获取到了span标签中的文本的内容
</script>