JavaScript学习知识总结

在学习了HTML、css之后，我又学习了js，下面就是我学习js的一些感悟和总结。

一、JavaScript

JavaScript 是一种脚本语言

提供用户交互

动态更改内容

数据验证

二、如何将JavaScript嵌入网页

1、使用 <SCRIPT> 标签将语句嵌入文档

脚本代码：<SCRIPT language = "JavaScript">

document.write("欢迎来到 JavaScript 世界");

</SCRIPT>

2、将 JavaScript 源文件链接到 HTML 文档中

外部 JavaScript 文件可以链接到 HTML 文档中，SCRIPT 标签的 SRC（源文件）属性可用于包括此部文件 。

<script language=“JavaScript”

src= “文件名.js">

</script>

三、变量和运算符

1、变量名必须以字母或下划线（"_"）开头；变量可以包含数字、从 A 至 Z 的大小写字母；JavaScript 区分大小写，即变量 myVar、 myVAR 和 myvar 是不同的变量。

2、 声明变量: var a; “var” － 用于声明变量的关键;“a” － 变量名。

3、变量的作用域：全局变量不需要以 var 关键字进行声明，但局部变量则必须以此关键字来声明

4、“+”号的用法： “+”可以用于两个数相加，还可以用于连接字符串

5、prompt(“提示信息”,”默认值”)将弹出提示对话框，接受用户的输入； parseFloat( )函数将字符串转换为float数据； parseInt( )函数将字符串转换为int数据。

四、数组

声明数组：var 数组名 = new Array(数组大小);

常用属性： length ：返回数组中元素的个数

常用方法：join 将数组中的元素组合成字符串

reverse 颠倒数组元素的顺序，使第一个元素成为最后一个，而最后一个元素成为第一个

sort 对数组元素进行排序

五、JavaScript函数

1、内置函数 : eval 函数： 用于计算字符串表达式的值

isNaN 函数：用于验证参数是否为 NaN（非数字）

2、自定义函数：定义函数：

function 函数名( 参数1,参数2，… )

{

语句;

}

调用函数： 函数调用一般和表单元素的事件一起使用，调用格式为： 事件名＝“函数名” ;

六、JavaScript对象

对象是属性和/方法的组合；属性是对象所拥有的一组外观特征，一般为名词；方法是对象可以执行的功能，一般为动词 。

1、三类对象：浏览器对象：浏览器窗口window；文档 document；url地址等

脚本对象：String字符串对象；Date日期对象；Math数学对象等

HTML 对象：各种HTML标签:段落<P>；图片<IMG>；超链接<A>等

2、String 对象：创建字符串有两种不同方法 ：使用 var 语句 var newstr = “这是我的字符串"

创建 String 对象 var newstr = new String (“这是我的字符串")

属性：length 返回字符串的长度

方法：indexOf(“查找的子字符串”，查找的起始位置) 返回子字符串所在的位置，如果没找到，返回 －1。

3、Math 对象：方法：random() 返回0-1的随机数

round () 四舍五入取整

4、Date 对象：var 日期对象 = new Date (年、月、日等参数) 如果没有参数，表示当前日期和时间

Data 方法的分组：setxxx 这些方法用于设置时间和日期值

getxxx 这些方法用于获取时间和日期值

Toxxx 这些方法用于从 Date 对象返回字符串值

5、setTimeout的用法： setTimeout（“调用的函数”,”定时的时间”）

七、JavaScript 中的浏览器对象

1、JavaScript 事件：onChange 文本内容或下拉菜单中的选项发生改变

onFocus 获得焦点，表示文本框等获得鼠标光标。

onBlur 失去焦点，表示文本框等失去鼠标光标。

onLoad 网页文档加载事件

onSubmit 表单提交事件

2、 Window 对象：##document对象 表示给定浏览器窗口中的 HTML 文档。

属性：bgColor 设置或检索 Document 对象的背景色

方法：clear ( )清除当前文档；close ( )关闭输出流并强制显示发送的数据；write ("text")

## history 对象 包含有关客户访问过的URL的信息。

方法:Back ( ) 方法相当于后退按钮;

forward ( ) 方法相当于前进按钮;

go (1)代表前进1 页，等价于forward( )方法；

go(-1) 代表后退1页，等价于back( )方法

## location 对象 包含有关当前 URL 的信息。

属性 :href 设置或检索完整的 URL 字符串

方法:assign("url")加载 URL 指定的新的 HTML 文档。

reload()重新加载当前页

replace("url")通过加载 URL 指定的文档来替换当前文档

八、处理表单和表单元素事件

使用与以下各项关联的事件处理程序：

1、文本框对象：文本框元素用于在表单中输入字、词或一系列数字；可以通过将 HTML 的 INPUT 标签中的 type 设置为“text”，以创建文本框元素

2、命令按钮对象：命令按钮对象是网页中最常用的元素之一

<INPUT type="submit" name="button1" value="提交">

<INPUT type="reset" name="button2" value="重置">

<INPUT type="button" name="button3" value="计算">

onSubmit 表单提交事件，单击“提交”按钮时产生，此事件属于<FORM>元素，不属于提交按钮；onSubmit事件处理代码：<FORM onSubmit=”return 调用函数名”>…</FORM>

如果函数返回true，则向远程服务器提交表单；

如果函数返回false，则取消提交。

3、复选框对象：当用户需要在选项列表中选择多项时，可以使用复选框对象

要创建复选框对象，请使用 <INPUT> 标签

4、单选按钮对象：当用户只需要从选项列表中选择一个选项时，可以使用单选按钮对象

要创建单选按钮对象，请使用 <INPUT> 标签

JavaScript 最常见的用法之一就是验证表单，对于检查用户输入是否存在错误和是否疏漏了必选项，JavaScript 是一种十分便捷的方法。