JavaScript基础

1：JavaScript语句是发给浏览器的命令，告诉浏览器接下来要做什么事情。

 

2：在HTML文件中引用JavaScript文件：<script src="script.js"></script>（现在不需要写了）

 

3：.Js是可以插入到HTML中国任何位置的，但大多数放在head和body。

 

    如果JS是关于页面的初始化的，则一般放在head里面，其余如果是相关的function，就为所谓位置了。但是网页面的解析是从前到后的，所以放的位置决定了解析的先后。

 

4：JavaScript注释：都一样，单行注释和多行注释，“//”或者“/*......*/”.注释内容不会在网页上出现。

 

5：定义变量：使用关键字var，语法是：var 变量名

 

五种基本数据类型：

Undefined

Null

Boolean

Number

String

一种复杂数据类型：

 Object 

 检测变量的数据类型   ->->->->   typeof  操作符

type of undefined     如果这个值未被定义

type of boolean        如果这个值是布尔值

type of string            如果这个值是字符串

type of number         如果这个值是数值

type of object           如果这个值是对象 或者 是 NULL

type of function        如果这个值是函数

 

 

     变量名也是有规定的：   

 

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

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

 

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

 

6:条件语句：与java无异。

if，switch：可以接收任意类型

do……while，while，for

for-in（foreach）：

var arr2 = ["a","b","c"];

        for(index in arr2){

            alert(arr2[index]);

        }

 

7：函数：

 

（1）定义一个函数：

 

function 函数名()            //function：定义函数的关键字；函数名：开发者为函数取的名字。

{

     函数代码;                    //完成特定功能的代码。

 

}

 

（2）函数的调用：直接写函数名即可。

 

function add（）{                    //创建了一个函数，实现两个数相加。

 

    var sum=2+3；

 

    alter（sum）；

 

}

add（）；                            //调用add函数。

8：输出内容：

 

document.write（）//相当于直接在网页上写内容。

 

（1）“”里的内容无格式直接输出。

 

（2）直接在document.write（）的括号里写出变量名，直接输出变量里面的内容。

 

（3）输出多项内容时，要用“+”连接起来。

 

（4）输出HTML标签，并起作用，标签使用""括起来。

     var mystr="hello";

    document.write(mystr+"<br>");     //输出hello后，输出一个换行符

 

9：警告对话框：我们在访问网站的时候，有时会突然弹出一个小窗口，上面写着一段提示信息文字。如果你不点击“确定”，就不能对网页做任何操作，这个小窗口就是使用alert实现的。

 

alert（字符串或者变量）；实现效果是弹出了一个自带“确认”的对话框。

 

10：confirm对话框：

 

    var mymessage=confirm("你喜欢JavaScript吗?");

 

    if(mymessage==true)

 

    { 

 

        document.write("很好,加油!");   }

 

    else

 

    { 

 

        document.write("JS功能强大，要学习噢!");   }

 

11：prompt（提问）对话框：prompt（str1，str2）；

 

str1：在对话框中显示的内容，不可以修改。str2：在文本框中显示的内容，可以修改。

 

其实完成的功能很简单，相当于C语言里面的scanf函数的功能。实现人与网页的一个交互。

 

12：打开新窗口：

 

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

 

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

 

参数说明:

（1）URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。

（2）窗口名称：可选参数，被打开窗口的名称。

    a: 该名称由字母、数字和下划线字符组成。

    b: "_top"、"_blank"、"_self"具有特殊意义的名称。

       _blank：在新窗口显示目标网页

       _self：在当前窗口显示目标网页

       _top：框架网页中在上部窗口中显示目标网页

    c: 相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。

   4.name 不能包含有空格。

 

1. 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

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

 

window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes')

 

13：关闭窗口：

 

语法：window.close();  //关闭本窗口。

 

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

 

 

 

 

 

 

14：DOM初识

 

DOM：document object model文件对象模型

 

DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

15：通过ID获取元素：

document.getElementById("id");

16：innerHTML属性：用于获取或者替换HTML元素的内容。

语法：object.innerHTML

17：改变HTML样式：

语法：object.style.property=new style

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

18：控制类名（className属性）：

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

语法：object.className=classname；

作用:
（1）获取元素的class 属性

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