JavaScript学习笔记

HTML骨架，CSS美化，JS可以使页面动起来。

【JavaScript的概述】

什么是JavaScript：

运行在浏览器端的脚本语言.

JS的组成：

ECMAScript：语法，语句.

BOM:浏览器对象

DOM:Document Object Model.操作文档中的元素和内容.

 在哪些地方使用JS

JS增加用户和网站交互

如何使用JS

语法：

  区分大小写

  语法要求不是特别严格

  变量是弱变量类型

       var i = 3;

       var s = “aa”;

 JS代码需要写在<script></script>

【JS的数据类型】

原始类型：

  string

  number

   boolean

  undefined

  null

引用类型：

基于对象而不是面向对象.内置对象.对象类型的默认值是null.

【JS的运算符和语句】

运算符与Java中一致.

  全等于 === ：类型和值都一致返回true

语句与Java一致：

【JS的输出】

  alert()

向页面中弹出一个提示框！！

 innerHTML:

向页面的某个元素中写一段内容，将原有的东西覆盖

document.write();

向页面中写内容

【修改图片的路径】

获得图片，修改图片的src的属性。

document.getElementById("img1").src="2.jpg";

【JS中定时操作】

查看BOM中的window对象：

setInterval()   :隔多少毫秒之后，执行一段代码。重复执行。

 setTimeout()        :隔多少毫秒之后，执行一段代码。

清除定时：

 clearInterval()     :清除setInterval的定时操作。

 clearTimeout()      : 清除setTimeout的定时操作。

示例代码：

            function init(){

                // window.setTimeout("alert('aaa')",5000);

                window.setInterval("alert('bbb')",5000);

            }

【JS的引入的方式】

内部的JS

使用<script>标签

外部的JS

创建一个.js的文件

使用<scriptsrc="ad.js"></script>

【BOM中的对象】

  Window对象：浏览器最顶层的对象.

 Navigator：

Screen：

 History：

Location：

 JS的事件的总结：

onchange    ：下拉列表上

ondblclick  ：双击

onkeydown   ：键盘按下

onkeyup     ：键盘抬起

onmouseover ：鼠标在上面

onmouseout  ：鼠标离开

onmousemove ：鼠标移动

DOM的操作：

DOM：DocumentObject Model 文档对象模型.

 将HTML文档装载到内存,将HTML文档形成一个DOM的树形结构.

 

Document:文档对象.代表的是加载到内存中的整个的文档.

方法：

 document.getElementById(“”);

document.getElementsByName(“”);

document.getElementsByTagName(“”);

document.createElement(“”);

Element:元素对象.代表文档中的每个元素（标签）

    <ul>

        <li>北京</li>

        <li>上海</li>

        <li>深圳</li>

    </ul>

 

属性：

 firstChild：获得其第一个孩子节点

 lastChild：获得其最后一个子节点

方法：

appendChild();将节点添加到当前节点的最后.

insertBefore();将节点添加到某个元素之前.

Attribute:属性对象.代表元素上的属性.

Document,Element,Attribute统称为Node（节点）

【数组对象的使用】

创建数组：

数组的属性：

数组的方法：