JS知识点

1

javaScript是一种基于对象和事件驱动的脚本语言，

它提供了一些专有的类、对象及函数

基本数据类型

Javascript提供了4种基本的数据类型用来处理数字和文字

Number、String、Null、Boolean

变量

语法：

var 变量名=值;

变量命名规范：

1)变量名由字母、数字、下划线和$组成

2)变量名的首字母必须是字母、$或下划线

3)不能使用JavaScript 保留字，注意区分大小写

类型转换

parseInt (String)

将字符串转换为整型数字

parseFloat(String)

将字符串转换为浮点型数字

运算符

算术运算符

+、-、 * 、 / 、%、++、--

比较运算符

==、!=、>、>=、<、<=

逻辑运算符

&&、||、！

注释

JavaScript 注释有两种

单行注释

语法：//注释内容

多行注释

语法：/*注释内容*/

流程控制语句

语法：

if条件语句

switch多分支语句

for、while、do…while循环语句

break 和 continue 语句

break 语句来中断一个循环的运行。

continue 语句用来跳过余下的代码块而直接转到下一次循环继续执行

函数的定义与调用

函数声明语法：

function 　函数名　(参数列表)

{

函数代码块;

return 表达式;

}

函数调用语法：

函数名(实参1,实参2…) ;

var 变量名=函数名(实参1,实参2…);

变量的作用域

根据变量的作用范围，JavaScript中的变量可以分为全局变量和局部变量

事件处理

浏览器事件

onload、unonload、onsubmit

鼠标事件

onMouseMove、onMouSEOver、onMouseOut、onMouseDown、onMouseUp

文本框事件

onchange、onselect、onfocus、onblur、

其他

onclick

2

浏览器对象模型

浏览器对象模型是用于描述对象与对象之间层次关系的模型，该对象模型提供了独立于

内容的、可以与浏览器窗口进行互动的对象结构

浏览器对象的分层结构

window对象

常用属性

常用方法

window属性和方法事例

var money=PRompt("请输入取款金额",100);//接收用户录入对话框

alert(money);//输出100

var state=confirm("你取款金额为"+money);//确认和取消按钮对话框

alert(state);//返回true或false

setTimeout（“调用的函数”,”毫秒数”）

window.open("adv.html","","相关属性");

height： 窗口高度；

width： 窗口宽度；

top： 窗口距离屏幕上方的象素值；

left：窗口距离屏幕左侧的象素值；

toolbar： 是否显示工具栏，yes为显示；

menubar，scrollbars 表示菜单栏和滚动栏。

resizable： 是否允许改变窗口大小，yes或1为允许

location： 是否显示地址栏，yes或1为允许

status：是否显示状态栏内的信息，yes或1为允许；

history对象

作用：

history对象用来管理当前窗口最近访问过的URL

常用方法：

注意：

history.go(-1)　 相当于 history.back()

history.go(1)　 相当于 history.forward()

例子：

<a href="javascript:history.back()">后退</a>

相当于

<a href="javascript:history.go(-1)">后退</a>

<a href="javascript:history.forward()">前进</a>

相当于

<a href="javascript:history.go(1)">后退</a>

location对象

作用：

location对象用来管理当前打开窗口的URL信息

常用属性和方法：

例子：

window.location.href=”http://www.baidu.com”;

DOM概述

DOM－Document Object Model ，它是W3C国际组织的一套Web标准

DOM是一种与浏览器、平台、语言无关的接口

document对象

作用：

document对象代表浏览器窗口中加载的整个HTML文档

常用属性：

常用方法：

document对象访问页面元素的常用方式有四种

1）document.all.页面元素名称;

3）document.表单名.元素名称;

3）document.getElementById("ID名称");

4）document.getElementsByName("元素名称");