javascript总复习要点

javascript总复习要点

javascript总复习要点

网页交互设计

概念？

2、简述window、document、history的作用。

对象的常用属性，（各举一例）alert();

对象的常用方法，（各举一例）open();

对象的常用事件，（各举一例）onlond;

事件

tor对象的常用属性

y对象的常用属性和方法

nt对象的常用方法，属性，集合和对象事件

对象的作用？属性，方法和事件

Div + CSS

1.

例：margin :5px 5px 8px 10px;

表示上右下左

那么 margin :5px 5px 8px；

表示什么？

margin :5px 5px ；

又表示什么？

2. html中连接的样式？访问前的，访问后的，点击时的，悬浮上的？

语法构成？

CSS 语法由哪三部分构成？

4.组选择器如何声明？

5.什么是盒模型？

/*

1.

//-->

1.什么是javascript？

答：JavaScript是一种基于对象(Object)和事件驱动(Event

Driven)并具有安全性能的脚本语言。是一种基于对象的脚本语言，具有简单性`安全性`动态性`跨平台性的基于对象和面向对象的脚本语言，解释和编译，弱变量和强变量，代码格式不一样。

rpt嵌入网页的方式？

答：在网页中使用 script 标记

用标记。

第2种是在网页中链接外部文件 (.js) 用

用src属性连接外部以.js结尾的文件名。

在事件处理程序中使用 JavaScript

3.注释方式

答：html的注释方式是;

css的注释方式是/* */;

js的注释方式有两种：//

另一种： /* */;

4.数据类型？

答：数值型字符串布尔空值未定义对象

object,string,number,undefined,null,bool;

5.变量作用范围

答：全局变量是在函数体外，局部变量函数体内。

6.“=”，“==”和“===”的区别？

答：“=”是赋值关系，“=”右边把值赋给左边。

“==”是判断值是否相等。

“===”判断值，类型是否相等。

7.短路特性？

答：a&&b&&c

只有a为true时,才需要判断b的值;只有a和b都为true的情况下才需要判别c的值 ;只要a为false,就不必判断b和c;如果a为true,b

为false,不判断

在一个”&&”(与)操作中,如果第一个操作数是假,则不管第二个操作数是什么值,结果都是假；

在一个”||”(或)操作中,如果第一个操作数是真,则不管第二个操作数是什么值,结果都是真。

语句（语法），举例

答：if (1==true) //判断数字1是否为真。

{

alert("ok!");//如果成立，那么对话框输出"ok!"

}

,case；（语法）

Switch(整型表达式)

{

case 数值1:

语句组1; break;

case 数值2：

语句组2; break;

┇

case 数值n：

语句组n; break;

default :

语句组n+1;

}

10. 根据成绩的所在的分数段,输出相应的等级。(if 和switch,case)

a) A等：90-100分

b) B等：80-89分

c) C等：70-79分

d) D等：60-69分

e) E等：60分以下

switch,case方法：

var b=Number(prompt("","输入分数"));

var temp=(b/10);

if (b>100)

{

alert("输入有误!");

}

else

{

switch (temp)

{

case 10:

alert("A");break;

case 9:

alert("A");break;

case 8:

alert("B");break;

case 7:

alert("C");break;

case 6:

alert("D");break;

default :

alert("E");

}

}

if方法：

var b=Number(prompt("","输入分数"));

if (b>=90 && b<=100 )

{

alert("A");

}

if (b>=80 && b<=89 )

{

alert("B");

}

if (b>=70 && b<=79 )

{

alert("C");

}

if (b>=60 && b<=69 )

{

alert("D");

}

if (b<60 )

{

alert("E");

}

11.使用switch语句，根据输入不同的月份，输出月份所属的季度

var y=prompt("","输入月份");

var j=(y/3);

if (y>12)

{

alert("一年只有12月！");

}

else

{

switch (j)

{

case 1:

alert("第1季度！");break;

case 2:

alert("第2季度！");break;

case 3:

alert("第3季度！");break;

case 4:

alert("第4季度！");break;

}

}

循环（语法）

for(var i=0 ; i<100 ; i++)

{

alert("abcdefg");

}

13.找出所有的水仙花数。如果一个三位数的百位数、十位数和个位数的立方和等于这个数，则该数为水仙花数。

var b,s,g,sum;

for( var i=100; i<=999;i++)

{

b=(i/100);

s=((i%100)/10);

g=(i%10);

if (b*b*b+s*s*s+g*g*g==b*100+s*10+g)

{

sum=b*100+s*10+g;

alert(sum);

}

}

,do while，和for有什么区别，并写出前两种的语法

while语法:

var i=0;

while(i<10)

{

alert(i);

i++;

}

do while语法：

i=0;

do

{

alert(i);

i++;

}

while(i<10)

ue和break的区别

答：continue是跳出当前循环，继续下一次循环；

break 是直接跳出循环，不在做循环。

16，数组的概念，（3要素）

答：数量固定，类型相同，逻辑相关。

17.一维数组的定义，（概念+举例）

例：var StdScore = new Array(30);

表示StdScore是一个有30个元素的数组，其可以保存30个学员的成绩。

18.一维数组的初始化，存取？

答：

var StdScore = new Array(1，4，1)；

说明这个数组的初始化的值是“1，4，1”。

那么也通过相应的下标来存储数组，

StdScore[0]=1；

StdScore[1]=4；

StdScore[2]=1；

注：js中的数组下标是从0开始计数的，因此对于数组其最小下

标为 0，最大下标为 n-1。

in语句的语法（举例）

var StdScore = new Array(1，4，1)；

var n;

for(n in StdScore)

{

(StdScore[n]+" ");

}

注：for in 是集合名是要在其上遍历的对象或数组，简单的说就是查询数组或对象中的元素。

20.二维数组的定义方式（举例+语法）

var num=new Array();

for (var i=0;i<5 ;i++ )

{

num[i]=new Array();

for (var j=0;j<5 ;j++ )

{

num[i][j]=(()*9)

(num[i][j]+" ");

}

("

")

}

ript的常用的4种内置对象；有那些功能，属性和方法，属于静动态？

答：数组:Array 动态的时间:Date 动态的字符串:string 动态对象数学Math 静态对象Array作用:用于储存有相同类型的值,利用索引(下标)来取值

Data作用:提供有关的时间和日期

Math作用:拥有复杂的数学运算的属性和方法

string作用:用于操作和处理文本信息

Array属性和方法:属性:length(检测字符串的长度);

方法:sort();排序

jion();连接

reverse();反序

concat();(合并数组)

silice();返回数组的一段

toString();转换成字符串

Dat方法:getFullyear()返回本地时间年份;

getMonth(); 月份

getDate(); 日期

getDay(); 表示一周的日期值

getHours();返回本地时间小时

getMiniutes(); 分钟

getSeconds(); 秒

getMilliseconds(); 微秒

Math方法:() 去尾数取整

() 进一取整

() 随机数

() 绝对值

() 四舍五入

() 开方

string属性:length ; 检测长度

方法:charAt(); 截取单个字符

charCodeAt(); 将字符换成编码

indexof(); 查找字符或字符串

substring(); 截取字符串

spilt(); 将字符串打散

slice(); 返回字符或字符串

contact(); 连接字符或字符串

toLowerCase(); 将所有的字符换成小写

toUppercase(); 将所有的字符换成大写

22.正则表达式语法，方法？

var reg=new RegExp(" 输入表达式的格式");

方法：

test() 返回值是 true 或 false

exec() 返回值是被找到的值。如果没有发现匹配，则返回 null。

compile() 用于改变 RegExp

ript那些常用的全局函数，怎么自定义函数，怎样调用函数？parseInt 返回由字符串转换得到的整数。

parseFloat 返回由字符串转换得到的浮点数。

isNaN 返回一个 Boolean 值，指明提供的值是否是保留值 NaN

（不是数字）。isFinite 返回一个 Boolean 值,指明所提供的数字是否是有限的

escape 对 String 对象编码以便它们能在所有计算机上可读

unescape 解码用 escape 方法进行了编码的 String 对象。

eval 字符串的运算。

24.形参和实参的区别？

答：形参是没有具体的值，实参是有具体的值。

25.递归函数的概念

答：直接或者间接地调用自身的函数称为递归函数。

26.面向对象的3大特点

答：封装，继承，多态

网页交互设计

概念？

1. JavaScript 将浏览器本身、网页文档以及网页中的html元素用相应的内置对象来表示，其中的一些对象是作为另外的一些对象的属性而存在的，这些对象以及对象间层次的关系称为 DOM（document

object model）文档对象模型。

2、简述window、document、history的作用。

1. window 对象处于对象层次的最顶端，它提供了处理浏览器窗口的方法和属性

nt 对象代表浏览器窗口中装载的整个 HTML 文档，代表 HTML 元素的对象在JavaScript 中都是作为 document 对象中直接或间接属性被引用。

y用户浏览过的 URL 集合

对象的常用属性，（各举一例）

表示分割窗口的帧；

当前窗口或帧的父窗口；

获取最顶级的窗口；

对当前窗口或桢的引用；

创建当前窗口的窗口；

Status 显示在窗口的状态栏中的默认信息；

显示在窗口状态栏中的信息。

对象的常用方法，（各举一例）

() 打开新窗口并装入给定 URL 的文档。

() 显示包含由应用程序自定义消息的对话框。

m() 显示一个确认对话框，其中包含一个可选的消息和确定取消按钮。

() 显示一个提示对话框，其中带有一条消息和一个输入框。

eout() 经过指定毫秒值后计算一个表达式。

imeout() 取消先前用 setTimeout 方法设置的超时事件。

dalDialog() 创建一个显示指定 HTML 文档的模式对话框。

delessDialog()创建一个显示指定 HTML 文档的模式对话框。

对象的常用事件，（各举一例）

在浏览器完成对象的装载后立即触发。

ad 在对象卸载前立即触发。

事件

代表事件状态，如事件发生的元素，键盘状态，鼠标位置和鼠标按钮状态。

事件可以由用户生成，也可以由系统生成

每个事件都有与之相关联的 event 对象

event 对象提供下列信息：

事件类型

事件发生时光标的位置等

event 对象可以在事件处理程序中使用。

属性：offsetX 设置或获取鼠标指针位置相对于触发事件的对象的

x 坐标。 offsetY 设置或获取鼠标指针位置相对于触发事件的对象的 y

坐标。 button 设置或获取用户所按的鼠标按钮。

screenX 设置或获取获取鼠标指针位置相对于用户屏幕的 x 坐标。

screenY 设置或获取鼠标指针位置相对于用户屏幕的 y 坐标。

tor对象的常用属性

e 属性：浏览器名称

sion 属性：浏览器版本号

rm 属性：浏览器的操作平台

Enabled 属性：指示浏览器能否使用持久性 cookie

y对象的常用属性和方法

属性：给出历史表中的 URL 数目

方法：从历史表中加载上一个 URL

d 方法：从历史表中加载下一个 URL

方法：从历史表中加载一个 URL

nt对象的常用方法，属性，集合和对象事件

lor 设置或获取对象文档链接的颜色。

olor 设置或获取元素中所有激活链接的颜色。

olor 设置或获取用户已访问过的链接颜色。

r 设置或获取文档的前景(文本)颜色。

r 不赞成。设置或获取表明对象后面的背景颜色的值。

设置或获取 cookie 的字符串值。

Window 获取容器对象所在窗口的引用。

设置或获取当前文档的 URL。

对象的作用？属性，方法和事件

指定所包含控件在表单中起作用，与用户进行交互，接收并处理用户的输入。form 对象的属性

name 属性表单的名称

action 属性表单的提交地址

method 属性表单的提交方法

encoding 属性表单提交内容的编码方式

elements 属性表单包含的所有元素

length 属性表单所含元素的数目

form 对象的方法

submit 方法提交表单

form 对象的事件

onsubmit 事件当表单被提交的时候触发

Div + CSS

1.

例：margin :5px 5px 8px 10px;

表示上右下左

那么 margin :5px 5px 8px；

表示什么？答：上左右下。

margin :5px 5px ；

又表示什么？上下左右。

2. html中连接的样式？访问前的，访问后的，点击时的，悬浮上的？

答： a:link a:visited a:hover a:active

3.什么是文档流？

答：文档流是浏览器解析网页的一个重要概念，对于一个XHTML网页，body元素下的任意元素，根据其前后顺序，组成了一个个上下

关系，这便是文档流。

语法构成？

CSS 语法由哪三部分构成？

答：选择器，属性，值。

5.什么是盒模型？

答：盒模型是指CSS布局中的每一个元素，在浏览器的解释中，都被当作一个盒状物。无论任何布局，它们都是几个方块（盒状）互相贴近显示而已。浏览器通过这些盒状物的大小和浮动方式来判断下一个盒状物是贴近显示，还是下一行显示，还是其他方式显示。任何一个CSS布局的网页，都是由许多不同大小的盒子所构成。

6.解释绝对定位与相对定位。

绝对定位：

相对于浮动来说，绝对定位是一种很好的理解的定位方式。凡是采用position:absolute;之后，对象便开始进行绝对定位，绝对定位主要通过设置对象的top、right、bottom、left四个方向的边距来实现。一旦对象被设置绝对定位，它就完全脱离了文档流与浮动模型，独立于其他对象而存在。

相对定位：

相对行为就是浮动定位与绝对定位的扩展方式。

相对定位使得被设置元素保持与其原始位置相对，并不破坏其原始位置的信息。

1、单击图片后，图片发生改变。

2、JavaScript的全局函数有哪些。

3、String对象的常用方法。

4、form对象的方法、事件。

5、表单验证（失去焦点时验证）。

6、正则表达式（不允许输入数字）。

7、常用HTML标记（基本标记、字体、段落、滚动、表格、表单、链接、列表）

8、JavaScript常用关键字。

9、如何获取表单内元素的值（文本、密码、单选、复选、隐藏域）

10、如何获取下拉列表所选项的值

11、根据下拉列表的不同选项，弹出不同的提示信息。

12、正则表达式（不允许输入字母）。

13、邮箱地址常用格式验证。

14、JavaScript常用内部对象有哪些，功能是什么

15、一维数组的遍历

16、自定义函数如何调用