JS语言学习笔记.docx

JS语言学习笔记.docx

《JS语言学习笔记.docx》由会员分享，可在线阅读，更多相关《JS语言学习笔记.docx（19页珍藏版）》请在冰点文库上搜索。

JS语言学习笔记

1、认识JS语言

//起始

document.write（"hello"）;显示文本

document.getElementById（"p1"）.style.color="blue";修改特定文本的颜色

//结尾

2、插入JS标签

写入JS语句

3、引用JS外部文件

4、注释///**/

5、定义变量

var变量名varchar=“JavaScript”

6、判断语句

if（条件）

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

else

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

7、函数

function函数名（）

{

函数代码

}

8、输出内容

document.write（）括号内是字符串的话要加双引号，变量名不需要加双引号，多项内容可以用加号连接起来

“
”是一个换行符

8、消息弹窗

alert（字符串或变量）

9、确认（confirm消息对话框）

confirm（str）//str：

在消息对话框中要显示的文本返回值是Boolean值

varmessage=confirm（str）

if（message==true）

{用户点击确定按钮}

else

{用户点击取消按钮}

10、提问（prompt消息对话框）

prompt（str1,str2）;//str1：

要显示在消息对话框中的文本，不可修改

//str2：

文本框中默认的内容，可以修改

点击确定按钮，文本框中的内容将作为返回值

点击取下按钮，将返回null

varmyname=prompt（"请输入你的姓名:

"）;

if（myname!

=null）

{alert（"你好"+myname）;}

else

{alert（"你好myfriend."）;}

11、打开新窗口

window.open（‘URL’,’窗口名称’，’参数字符串’）

URL：

可选参数，在窗口中要显示网页的网址或路径。

如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。

窗口名称：

可选参数，被打开窗口的名称。

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

2."_top"、"_blank"、"_selft"具有特殊意义的名称。

_blank：

在新窗口显示目标网页 

_self：

在当前窗口显示目标网页 

_top：

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

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

4.name不能包含有空格。

参数字符串：

可选参数，设置窗口参数，各参数用逗号隔开。

12、关闭窗口

window.close（）;//关闭本窗口

<窗口对象>.close（）;//关闭指定窗口

第二章认识DOM

1、DOM（DocumentObjectModel）定义访问和处理HTML文档的标准方法

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

1.元素节点：

上图中、、

等都是元素节点，即标签。

2.文本节点:

向用户展示的内容，如

3.属性节点:

元素属性，如标签的链接属性href=""。

2、通过ID获取元素

document.getElementById（“id”）

3、innerHTML属性

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

语法

Object.innerHTML

1、Object是获取的元素对象，如通过document。

getElementById（“id”）获取的元素

2、注意书写，innerHTML区分大小写

4、改变HTML样式

语法:

Object.style.property=newstyle;

注：

Object是获取的元素对象，如通过document。

getElementById（“id”）获取的元素

基本属性表

5、显示和隐藏（display属性）

语法：

Object.style.display=value

注：

Object是获取的元素对象，如通过document。

getElementById（“id”）获取的元素

value取值

例子

6、控制类名（className属性）

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

语法

object.className=className

作用

1、获取元素的class属性

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

下面代码，获取

元素的class属性和改变className

3、进阶篇

1、变量的命名规范

1.必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字

2、变量名区分大小写

3、不允许使用JavaScript的关键字和保留字做变量名

2、+号操作符

3、操作符的优先级（高到低）

算术操作符---比较操作符---逻辑操作符---“=”赋值符号

4、数组的创建

语法：

varmyarray=newArray（）;

varmyarray=newArray（8）;//创建数组，存储8个数据。

数组的赋值

varmyarray=newArray（66,80,90,77,59）;//创建数组同时赋值

varmyarray=[66,80,90,77,59];//直接输入一个数组（称“字面量数组”）

或

varmyarray=newArray（）;//创建一个新的空数组

myarray[0]=66;//存储第1个人的成绩

myarray[1]=80;//存储第2个人的成绩

myarray[2]=90;//存储第3个人的成绩

myarray[3]=77;//存储第4个人的成绩

myarray[4]=59;//存储第5个人的成绩

数组的长度

array.length

5、二维数组（进阶篇3-7）