HTML文档可以说是由节点构成的集合，三种常见的DOM节点：

1、元素节点

2、文本节点

3、属性节点

1、如果在prompt对话框中未输入内容直接点确定，得到的值是空字符串而不是null。

2、window.open中的网址如果不是http://开头的，那么会是在当前网址后面附加组合而成网址。否则就是web的网址。

定义一个函数：

function 函数名（）

{

函数代码

}

说明：

1. function定义函数的关键字。

2. "函数名"你为函数取的名字。

3. "函数代码"替换为完成特定功能的代码。

语法：if(条件）

       {条件成立时执行的代码}

       else

     {条件不成立时执行的代码}

for example:

var score =80; //score变量存储成绩，初值为80
     if(score>=60)
    {
     document.write("很棒，成绩及格了。");
    }
    else
    {
     document.write("加油，成绩不及格。");
    }

var语法：var   变量名

变量名可以任意取名，但要遵守规则。

1.变量必须使用字母、下划线(_)或者美元符($)开始。

 2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。

 3.不能使用JavaScript关键词与JavaScript保留字。

在JS中区分大小写。

单行注释：“//”

多行注释：以"/*"开始，以"*/"结束。

JS中的代码和符号都要在英文状态下输入。

JavaScript语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。

在JS文件中，不需要<script>标签,直接编写JavaScript代码就可以了。

双标记符号<script></script>

形式：document.write("hello)";

关闭本窗口：window.close();

关闭指定窗口：<窗口对象>.close();

for example:

<script type="text/javascript">
     var mywin=window.open("http://www.imooc.com");
     mywin.close();
  </script>

控制类名（className 属性）

className 属性设置或返回元素的class 属性。

语法：

object.className = classname

作用:

1.获取元素的class 属性

2. 为网页内的某个元素指定一个css样式来更改该元素的外观

open() 方法可以查找一个已经存在或者新建的浏览器窗口。

语法：

window.open([URL], [窗口名称], [参数字符串])

URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。    1.该名称由字母、数字和下划线字符组成。
    2."_top"、"_blank"、"_self"具有特殊意义的名称。
       _blank：在新窗口显示目标网页
       _self：在当前窗口显示目标网页
       _top：框架网页中在上部窗口中显示目标网页
    3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。
   4.name 不能包含有空格。参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

比如说

:打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：

<script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')
</script>

显示和隐藏（display属性）

网页中经常会看到显示和隐藏的效果，可通过display属性来设置。

语法：

Object.style.display = value

注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

value取值:

改变 HTML 样式

HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢？

语法:

Object.style.property=new style;

注意:Object是获取的元素对象，如通过document.getElementById("id")获取的元素。

改变 <p> 元素的样式，将颜色改为红色，字号改为20,背景颜色改为蓝：

<p id="pcon">Hello World!</p>
<script>
   var mychar = document.getElementById("pcon");
   mychar.style.color="red";
   mychar.style.fontSize="20";
   mychar.style.backgroundColor ="blue";
</script>