JavaScript练习题[精选]

JavaScript练习题[精选]
JavaScript练习题[精选]

JavaScript练习题[精选]

第11章文档对象

一、填空题

1. 文档对象也就是document对象,它代表___________的对象。

2. Document对象除了拥有大量的方法和属性之外,还拥有大量的___________,它可以用

来控制HTML文档中的图片、超链接、表单元素等控件。

3. Document对象中又是由___________和___________组成的。

4. 窗体对象是文档对象的一个元素,它含有多种格式的___________。

5. Document对象中包含了一些用来处理文档内容的方法,document对象支持5个基本方

法:___________、___________、___________、___________和___________。

6. 在HTML中的body元素中,可以通过___________属性和___________属性来设置网页

背景颜色和默认的文字颜色。

7. 将document对象的title属性和window对象的___________方法相结合,可以让浏览器

窗口显示动态标题。

8. 如果要想打开的不是THML文档,就要给___________方法传递一个参数。

9. Document对象的___________属性可以返回整个HTML文档中的所有HTML元素。

10. Document对象的anchors属性可以返回一个数组,该数组中的每一个元素都是一个

___________对象,也称为___________。

二、选择题

1. 下列不属于文档对象的方法的是()

A. createElement

B. getElementById

C. getElementByName

D. forms.length

2. 分析下面这段代码运行的结果()

01

02

07

A. 弹出一个对象框

B. 没有任何输出

C. 在文档中显示文档最后修改的时间

D. 在对话框中显示文档最后修改的时间

3. 下列属性中表示文档中的未访问过的超链接的颜色是哪个() A. linkColor 属性

B. vlinkColor属性

C. alinkColor属性

D. 以上都不是

4. 分析下面这段代码运行的结果()

01

A. 只输出最后一次修改的时间

B. 只输出文档的标题

C. 输出文档的标题、最后一次修改时间和当前的URL

D. 什么也不输出

5. 分析下面这个程序运行的结果()

A. 会有”
”这样的字符输出

B. 第6行输出字符后会换行

C. 最后页面会出错

D. 会有乱码出现

三、编程题

1、写一程序实现图片自动随机切换。

2、做个简单的文字编辑器、可以调整字体的大小、颜色和对齐方式。

四、简答题

1、简述write和writeln的用法和区别。

2、文档对象常见的属性和方法有哪些,

3、简述锚对象与链接对象的区别。第12章历史对象和地址对象

一、填空题

1. history对象是JavaScript中的一种默认对象,该对象可以用来

___________。

2. IE不支持history对象的current,next和previous属性。只支持

___________属性。

3. 历史对象的back()方法装入历史表中的前一个页面,等效于浏览器中的

___________

按钮。

4. 使用history对象的___________方法和back方法在网页上实现前进或后退的作用。

5. history对象的___________方法可以直接跳转到某个历史URL。

6. 通过___________对象可以访问当前文档的URL的各个不同部分。

7. location对象的___________属性可以加载指定的新页面。 8. 通过location对象的___________属性,可以获得从URL中传递过来的参数和参数值。

二、选择题

1. 以下不是历史对象的属性的是()

A. Current

B. Length

C. herf

D. Next

2. 分析下面这两行代码的作用()

01 02

herf=”javascript:history.forward()”> A. 代码第1行的作用相当于后退按钮

B. 代码第2行的作用相当于后退按钮

C. 代码第1行的作用相当于前进按钮

D. 以上表述不都不正确

3. 通常情况下,一个URL的格式是() A. 协议//路径名称主机:端口/#哈希标识,搜索条件 B. 协议//主机:端口/#哈希标识/路径名称,搜索条件 C. 协议//主机:端口/路径名称,搜索条件 D. 协议//主机:端口,搜索条件/路径名称#哈希标识

4. 对location对象的herf属性的叙述错误的是() A. 可以获取当前路径

B. 可以改变当前路径

C. 可以用来刷新页面

D. 是只读属性

5. 可以使用下列哪种方法来用一个URL取代当前窗口的URL() A. load

B. onload

C. replace

D. open

三、编程题

1. 制作一个简易的相册

2. 只做一个简易的当前登录界面,当用户输入密码正确时就跳转到指定页

面。

四、简答题

1. 简述历史对象和地址对象的属性和方法

2. 可以用哪些方法来刷新文档,

3. 简述地址对象的锚对象的区别。

第13章表单对象和表单元素

一、填空题

1. form对象又称为________对象,该对象可以让用户实现输入文字、选择选项和提交数

据等功能。

2. form对象代表了________,由于HTML中的表单会由很多表单元素组成,因此form对

象也会包含很多________。

3. form对象的方法并不多,只有________和________两个方法,这两个方法类似于单击

了重置按钮和提交按钮。

4. form对象的实践与form对象的方法相似,也是和表单的提交和重置相关的。onreset是

________,onsubmit是________。

5. 表单验证是指________。在提交表单前进行表单验证,可以节约服务器处理器的周期,

为用户节省等待时间。

6. form对象的________属性可以返回所有表单中的元素,因此可以使用一个循环来判断

element[]数组中对象的value属性值的程度是否为0来验证表单。

7. 在默认情况下,如果用户单击了重置表单按钮,浏览器窗口就会马上将表单中的所有元

素的值设置为________。

8. 代表文本框的对象称为Text对象、代表多行文本框的对象称为________对象、代表密

码框的对象称为________对象。

二、选择题

1. 以下代码不能获得文档中的form对象的是() A. document.forms[0];

B. document.forms(0);

C. document.forms.0;

D. document.forms.item(0)

2. 下列对表单对象的属性表述不正确的是()

A. name:返回表单的名称

B. action:返回/设定表单的提交地址

C. targe:返回/设定表单提交内容的编码方式

D. length:返回该表单所含元素的数目

3. 对下面这段代码分析不正确的是()

01 funtcion Submit()

02 {

03 form1.submit();

04 alert(“提交成功”)

05 }

06 function Reset()

07 {

08 form1.reset();

09 }

A. 调用Submit()可以提交表单

B. 调用Reset()重置表单

C. 调用Reset()相当于提交按钮

D. 调用Submit()相当于提交按钮

4. 对下面这段代码分析不正确的是() 01 var len=form1.elements.length;

02 for(var i=0 ;i

03 {

04 if(form1.elements[i].value.length==0) 05 {

06 alert(“你的资料没有填写完善”);

07 return flase;

08 }

09 }

A. 代码第1行是取得当前表单元素的个数

B. 代码第1行是取得当前文本表单的个数

C. 这是循环验证表单

D. 这段代码可以验证表单中文本框中的值是否为空 5. 对下面这段代码分析您输入的字符数为正确的是() 01 function count()

02 {

03 var len=form1.text.value.length;

04 alert(“”+len+”个”)

05 }

A. 代码第3行是取得当前文档中文本框的个数

B. 代码第3行是取得当前文档中表单的个数

C. 这段代码有错误

D. 这段代码是统计用户输入文本框中字符个数二、编程题

1. 编写一个程序,验证输入是否为E-mail地址。

2. 用个三个文本框,在前两个文本框中输入数字,在第三个框中显示它们的和。

三、简答题

1. 什么是表单,它有哪些方法和属性,

2. 试列举至少5种常见的表单元素。

3. 文本框有那些属性、方法和事件,

脚本化cookie第14章

一、填空题

1. cookie实际上就是一些信息,这些信息以____________的形式存储在客户端计算机上。

2. 在JavaScript中,cookie主要是____________。

3. 不同的浏览器会带来一些意想不到的情况,必须首先确定一个用户在它的____________ 设置中是否关闭了cookies。

4. cookie的主要作用是保存信息,并____________。

5. 在JavaScript中,可以通过____________的方式来创建cookie。

6. 在cookie的键或值中不能使用____________及空格。

7. 如果要将特殊符号写入cookie中,就必须在写入cookie之前,使用

____________函数

将cookie值进行编码,在读取cookie时再通过____________函数将其还原。

8. 如果cookie中的信息很重要,这种传输方式是很容易被别人窃听。因此,在JavaScript

中,可以设置cookie的____________。 9. 如果想要cookie在浏览器窗口关闭之后还能继续使用,就需要为cookie设置一个

____________。

10. 为了控制cookie可以访问的目录,需要使用____________参数设置cookie。

二、选择题

1. 下面不属于cook应用的优点的是() A. 保存用户登录状态

B. 跟踪用户行为

C. 制定页面

D. 可以使用第三方工具来看cookie的内容 2. 对下面这段代码分析不正确的是() 01 if(navigator.cookieEnabled)

02 {

03 document.write(“你的浏览器支持cookie功能”); 04 }

05 else

06 {

07 document.write(“你的浏览器不支持cookie功能”); 08 }

A. 这段代码的功能是检验浏览器是否支持cookie的功能。

B. 因为一般的用户都开启了cookie,所以上面这段代码没有实现意义。

C. 使用浏览器的cookieEnable属性可以检验浏览器是否开启了cookie功能。

D. 在设计网页时,先对浏览器的cookie进行检查是很有必要的。 3. 下面对cookie的键或值命名正确的是() A.

document.cookie=”userId=828;userName=@hulk” B.

document.cookie=”userId=828;userName=hul, k” C.

document.cookie=”userId=828;userName=hul; k” D.

document.cookie=”userId=8 28;userName=hulk” 4. 下面不属于cookie的参数的是()

A. path

B. domain

C. escape

D. secure

5. 下列叙述不正确的是()

A. 每个cookie文件最多只能存储300个cookie

B. 每个cookie存放的数据最多不能超过4MB

C. cookie可能被禁用。当用户非常注重个人隐私保护时,他很可能禁用浏览器的cookie

功能。

D. cookie可能被删除。因为每个cookie都是硬盘上的一个文件,因此很可能被用户删除。

三、编程题

1. 编写一个记录客户访问指定页面的次数。

2. 写一个简单程序,用于查看网页的所以cookie。四、简答题

1. 为什么要使用cookie,它有哪些优点和缺点,

2. cookie主要应用在哪些场合,

3. 使用cookie时应该注意什么,

第15章 JavaScript与HTML技术

一、填空题

1. XML是___________的编写,它是一种类似于HTML的标记语言,用来描述数据的

___________及存储数据。

2. 使用DOM接口处理XML文件是当前Web客户端开发常用的方法,大多数浏览器都实

现___________制定的DOM接口。

3. DOM模型是以XML为核心,所有遵循___________的文档都可以使用DOM接口来处

理。但已经得到广泛应用的HTML却没有完全遵循DOM规范,因此为了能支持HTML,

W3C提出针对HTML的DOM规范。

4. ___________是遍历DOM树的辅助工具,用它可以对DOM树进行深度优先的搜索。

5. DOM节点的类型有多种,系统使用一个常量值代表一种类型。通过读取节点的

___________属性即可判断节点所属的类型,节点类型只在希望知道某个节点的类型时

才用到,一般不会使用。

6. 通过使用___________特征来获取子节点的数量。

7. 有时候,可使用需要了解某一节点或某些节点的类型,这时,可以通过使用___________ 特性检验节点类型。

8. ___________和___________为遍历DOM树提供了强大的接口,但并不是所有的浏览器

都实现了这两个接口。

二、选择题

1. 下列叙述不正确的是()

B. document:最顶层的节点,所有的其他节点都是附属于它的

C. documentTypeDTD:引用(使用语法)的对象表现形式

D. Attr:代表一对特性名和特性值。这个节点类型能包含子节点

E. documentFragment:可以像document一样来保存其他节点 1. 下列叙述正确的是()

A. IE支持几乎所有的DOM Level2

B. IE对DOM Level2的支持比Mozilla强

C. IE对DOM Level2的支持比Opera和Safar强

D. Mozilla对DOM Level2

的支持比Opera和Safar强 2. 下列不属于访问指定节点的方法的是()

A. obj.value

B. getElementByTagName

C. getElementByName

D. getElementById

3. 对下列代码分析正确的是()

01 function msg()

02 {

03 var p=document.createElement(“p”);

04 var Text=document.createTextNode(“Hello!”);

05 P.appendChild(“Text”);

06 document.body.appendChild(p);

07 }

A. 代码第2行是创建一个

元素标签

B. 代码第3行是创建一个文本节点

C.

是文本节点的子节点

D. 这代码的作用是创建新的节点

4. createNodeIterator方法的4个参数叙述错误的是() A. entityReferenceExpansion:布尔值,表示是否需要扩展实体引用 B. root:从树中开始搜索的那个节点

C. whatToShow:一个数值

D. NodeFilter对象,用来决定需要忽略哪些节点三、编程题

1. 在两个文本框中输入数字,当单击确定按钮时,创建一个对应数据行和列的表格。

2. 动态创建一个弹式菜单。

四、简答题

1. 简述DOM树的层次结构。

2. 简述遍历DOM的方法。

3. 谈谈测试与DOM标准的一致性。

第16章正规表达式

一、填空题

1. 正则表达式,验证程序的代码变得____________,代码运行的速度

____________。

2. RegExp是JavaScript提供的一个对象,用来完成有关正则表达式的

____________,每

一条正则表达式模型对应一个____________。 3. JavaScript使用RegExp对象封装与正则表达式相关的功能和操作,每一个该对象的实

例对应着____________。和其他对象一样,在使用之前必须取得其引用或

____________。

4. 其中,简单模式包括普通字符、____________、____________以及量词等。

5. 有特殊含义的字符称为____________。

6. 在JavaScript中一共有5种字符类,它们分别是简单类、____________、____________、

组合类和预定义类。

7. 正则表达式后边的部分,可以引用前面分组的子匹配已经匹配到的字符串,称为

____________。

8. 边界是在进行验证时,用来限定字符出现的位置以更快匹配目标子串的定位符,这些定

位符也叫____________。

二、选择题

1. 下列对符号所表示的意义解释错误的是() A. ?(尖号):匹配字符串的开头

B. $(美元符号):匹配字符串的结尾

C. ,(问号):匹配前面的子表达式一次或多次

D. \(反斜杠):对特殊字符的特殊元字符含义进行转义

2. 对下面这段代码分析不正确的是()

01 var reg=/ .o./ g; //寻找字符o前后接任意字符组成的有三个字符

的字符串

02 var str= “How are you?” //源串

03 var result=new Array(); //用于接收结果

04 while(reg.exec(str)!=null) //执行匹配操作,如果找到匹配则继续找下一项

05 {

06 result.push(https://www.360docs.net/doc/de11075266.html,stMatch); //添加结果

07 }

08 alert(result);

A. 代码第1行是寻找字符o前后接任意字符组成的有三个字符的字符串

B. 代码第4行是执行匹配操作,如果找到匹配则继续找下一项

C. 代码第6行是将所得到的结果添加到数组中

D. 最后输出的是“How are you?”

3. 下列对字符类解释正确的是()

A. 负向类:除了制定字符之外的字符

B. 范围类:var re=/[a-z]/gi

C. 组合类:var re=/[a-z]-4/gi;

D. 预定义类:var re=/[abc]de]/gi。

4. 下列正则表达式有错误的是()

A. 日期的验证:/?((((19){1},(20){1}\d{2}),\d{2})(0[1-9] ,1[0-

2]{1}\d{1}),

(3[0-1]{1})$/

B. 日期的验证:/?([a-zA-Z0-9_-1])+@( [a-zA-Z0-9_-1])+(\. [a-zA-Z0-9_-

1])+/

C. 验证电子邮箱:/?((((19){1},(20){1}\d{2}),\d{2})(0[1-9] ,1[0-

2]{1}\d{1}),

(3[0-1]{1})$/

D. 验证电子邮箱:/?([a-zA-Z0-9_-1])+@( [a-zA-Z0-9_-1])+(\. [a-zA-Z0-9_-1])+/

5. 以下不是RegExp对象的实例属性的是() A. global属性

B. lastIndex属性

C. ignoreCase属性

D. multiLine属性

三、编程题

1. 写一个程序实现对当前文档的文本进行搜索。

2. 写一个验证电子邮箱地址的程序。

四、简答题

1. 使用正则表达式的好处有哪些,

2. 正则表达式的静态属性有哪些,

3. 正则表达式的简单模式和复杂表达式指的是哪些内容, 第17章 Ajax基础

一、填空题

1. 传统的Web技术采取的是__________的技术。

2. Ajax的工作流程中涉及多个对象,一种对象完成不同的功能。多个对象__________的

整体构成了Ajax,例如JavaScript完成接口调用和工作流程的控制。

3. __________与服务器异步交互,DOM接口实现局部更新等。

4. 向服务器发送请求后,因为是__________,所以服务器不一定马上就发出响应,Web 浏览器也不会等待服务器的响应。

5. 但浏览器需要在数据加载完毕时得到通知,达到这个目的的通用方法是给__________

对象设置回调函数。

6. XMLHttpRequest对象根据自身状态的变化__________相应的函数,用户因此也抓到处

理数据的时机。

7. __________不是一种语言,而是集成了很多方法与技术的集合。 8. Ajax 最大的两个优点是___________和____________。

二、选择题

1. 以下不是Ajax技术应用的场所的是()

A. 表单驱动的交互,深层次的树的导航

B. 快速的用户与用户间的交流响应

C. 对数据进行过滤和操纵相关数据的场景

D. 要求的数据源不处在相同的域中

2. Ajax技术的组成部分有哪些()

A. HTML、XHTML

B. CSS、DOM

C. XML、XSTL

D. PHP

3. 下列对设置响应HTTP请求状态变化的函数说法不正确的是() A. 第一步是创建XMLHttpRequest对象

B. 使用open()确定请求的参数

C. 当readState()属性的值为4时,则表示异步调用过程还没有完毕

D. 使用send()发送请求

4. 分析下面这几行代码,其中表述不对的是()

01 var node =document.getElementById(“myDiv”);

02 d=new Date( );

03 node.firstChild.nodeValue=”更新后的数据”+d; A. 在DOM中标签中的文字被认为是标签中的子节点 B. 节点的firstChild属性为该节点下的第二个子节点 C. nodeValue属性为节点的值,也就是标签中的文本值

D. node.firstChild.nodeValue访问的是该节点下的值 5. 对下面这段代码分析不正确的是()

01 abort( )

02 getAllResponseHeaders( )

03 getResponseHeaders(“headerLabel”)

04 open(“method”,”URL”[,asyncFlag[,”userName”[,”password”]]])

05 send(content)

06 setRequestHeader(“label”,”value”)

A. abort()的作用是停止当前请求

B. getResponseHeaders(“headerLabel”)作为字符串返回单个的Header标

C. send(content)发送请求

D. getAllResponseHeaders( )作为字符串返回的Headers不完整三、编程题

1. 编写一个程序,要求用iframe实现部分刷新。

2. 编写一个程序用DOM实现局部刷新。

四、简答题

1. 简述Ajax技术的优缺点。

2. 实现Ajax的步骤有哪些,请简略地叙述。

3. 设置响应HTTP请求状态变化的函数的步骤有哪些, 第18章 Ajax高级应用

一、填空题

1. Ajax的客户端技术,主要实现浏览器与服务器间的_________。

2. 客户端

脚本程序从基础通信组件中获取数据并用于更新本地网页,通常只更新发生改变的部分,称为_________。

3. 每一个框架都是一个_________对象,通过其名字即可获得其引用并对它进

行操作。

4. Ajax的主要作用是_________和_________,其实使用客户端脚本语言即使

不通过Ajax

也可以实现局部刷新的功能。

5. 在当前页面中设置iframe,并将需要刷新的内容显示在其中,刷新iframe 时不需要

_________。

6. 在数据量比较大的情况下,使用_________技术进行局部刷新,对服务器的压力是最大

的。因为每一次加载数据,这样会影响整个系统的响应速度。 7. _________是Ajax技术中的核心内容。

8. 当链接很多并且需要单独刷新的内容很多时,整个HTML文档就会变得很庞大,加载

的速度就会变慢。解决这一问题的办法之一是使用_________使整个文档变小。

9. 从大的角度去看,Ajax引擎一套功能相对完善并且复杂的_________。实现该框架的主

要技术包括_________、必要的基础通信组件、服务器脚本语言等。

二、选择题

1. 对于局部刷新下列叙述不正确的是()

A. 使用JavaScript技术进行局部刷新的速度是最快的

B. 使用JavaScript 技术进行局部刷新数据一次性下载完毕后,就不再需要与服务器进行互动了

C. iframe的局部刷新必须要将所有可能出现的数据都下载到客户端

D. iframe的局部刷新不必须要将所有可能出现的数据都下载到客户端

2. 下列不属于服务器脚本语言的是() A. JSP

B. PHP

javascript期末考试模拟题

、单项选择题(本题共15小题,每小题2分,共30分) 在每小题列出的四个备选项中只有一个是符合题目要求的 ,请将其正确答案涂写在答题卡 上。 1. 以“s”为文件扩展名的文件是 _________ (A) html 文件 (B)网页文件 (C) Java 文件 (D) Javascript 文件 2. 以下合法的变量名是 ______ (A) new (B) _123 3. 以下正确的字符串是___ (A) xyz (B) xyz"' 4. 设有语句: var st1= test st1=st1+ 25; 贝U st1的值是 _____ 。 (A) test25 ' (B) 25 5. 123+ ”789 ”的值是 _____ _ (A) 123789 ' (B) 912 6. 表达式(a=2,b=5,a>b?a:b (A) 2 (B) 5 的值为 _______ 8. 设 var a=2,b=3; 则 a++==b?(a-1):b _ 的结果是 。_ A) 0 B) 1 C) 2 D) 3 9. 下面while 循环执行的次数为 __________ var i=5; while (i==0) i--; A)无限 B) 1 C) 5 D) 0 (C) null o (C) xyz ' (D) 2abc (D) xyz ' (C) test ' (D)语法错误 (C) 789 ” (D)语法错误 )的值是 。 (C) 1 (D) 0 7. 设有语句 var a=3,b=5,c=3,d=8,m=3,n=2; 则逻辑表达式(m=a>b)&&(n=c>d) 运算后,n (A) 0 (B) 1 (C) 2 (D) 3

javascript试题及答案

javascript试题 一、单选题 1、以下哪条语句会产生运行错误:(A) A.var obj = ( ); B.var obj = [ ]; C.var obj = { }; D.var obj = / /; 2、以下哪个单词不属于javascript保留字:(B) A. with B. parent C. class D. void 3、请选择结果为真的表达式:(C) A. null instanceof Object B. null === undefined C. null == undefined D. NaN == NaN 二、不定项选择题 4、请选择对javascript理解有误的:(ABCD) A. JScript是javascript的简称 B. javascript是网景公司开发的一种Java脚本语言,其目的是为了简化Java的开发难度 C. FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上 D. AJAX技术一定要使用javascript技术 5、foo对象有att属性,那么获取att属性的值,以下哪些做法是可以的:(ACE) A. foo.att B. foo(“att”) C. foo[“att”] D. foo{“att”} E. foo[“a”+”t”+”t”] 6、在不指定特殊属性的情况下,哪几种HTML标签可以手动输入文本:(AB) A. B. C. D.

7、以下哪些是javascript的全局函数:(ABC) A. escape B. parseFloat C. eval D. setTimeout E. alert 8、关于IFrame表述正确的有:(ABCD) A. 通过IFrame,网页可以嵌入其他网页内容,并可以动态更改

javascript实验

长江职业学院Javascript语言程序设计实验指导书 专业: 学号: 姓名: 班级: 指导老师: 软件教研室编

实验一 JavaScript基本操作 一、实验目的 熟练掌握在HTML文件中编写JavaScript程序的基本操作,及在Microsoft Internet Explorer浏览器和Netscape的Nevigator浏览器中调试JavaScript的基本操作。 二、实验内容 1、用NotePad创建一个简单的.htm文件,在Microsoft Internet Explorer浏览器中浏览效果。 2、编写第1章中的实例源文件,并在Microsoft Internet Explorer浏览器中进行测试。 3、调试一段JavaScript程序,找出其中的错误。 三、实验步骤 1、通过windows的文件管理器,在c盘下新建一个文件夹jsp_ex,用于保 存实验中的文件,如图1-1所示。 2、在windows中打开“记事本”,(也可以用其他编辑html文件的工具软 件,如Microsoft frontpage,Macromedia Dreamweaver等,编写例1-1的程序,然后将文件保存在C:\jsp_ex文件夹中。 3、用下述任意一种方法,在浏览器中显示,如图1-2。

A.在图1-1中双击“”文件名。 B.在图1-1中用鼠标右键单击“”,在打开的菜单列表中,如果有所需浏览器名就可以直接点击浏览器名。 C.现在windows中打开所需浏览器,然后按【ctrl】+【o】,在打开的对话框中找到文件。 4、再次编辑文件,将第21行中的“”改写为“”然后按第3步的操作, 得到如图1-3的效果,不能显示“上一次网页更新日期”,这时,通过浏览器的调试工具查找出出错的位置,修改后再次测试。 5、按1-2的步骤,将例1-1改写为“”和“”两个文件即通过外部javascript 文件和html文件一起完成网页的制作。 四、思考练习 1.为什么“上一次网页更新日期”在每一次打开都是同一个时间 2.请写出你在程序编写中出现的错误和改正方法,并分析。

JavaScript基础课程设计

脚本开发技术 课程设计报告 课程设计名称:中印计算机软件学院网站系部名称:中印计算机软件院 学生姓名: 班级: 学号: 成绩: 指导教师:李玉杰 开课时间:2017-2018学年第一学期

潍坊科技学院 目录 一概述 (4) 1.1课程设计的目的 (4) 2.1课程设计的开发环境 (4) 3.1课程设计的开发技术 (5) 二网站总体方案设计 (6) 2.1整体设计思路 (6) 2.2框架的整体思路 (6) 2.3主要特点 (6) 三实现部分 (7) 3.1 网页结构 (7) 3.2 网页的展览: (7) 3.3网页行为的实现: (8)

摘要 本次网页设计实践的主题是“学院展览网站”,在网站设计过程中,通过通过DIV+CSS布局,同时引入Bootstrap的栅格布局对页面进行调整。在页面中添加“分时问候”、“图片轮播”、“二级菜单”、“广告浮动”、“无缝滚动”等JavaScript特效。通过对该网站的编写与制作对JavaScript这门语言有了新的学习和理解。

一概述 1.1课程设计目的 大家都知道学校的主页是学校在Internet上展示形象的门户,是学校开展电子推广的基地,是学校在网上的"家",设计制作一个优秀的网站是建设学校成功迈向互联网的重要步骤。 在当今互联网时代,一个学校没有自己的网站就像一个人没有住址,一个商店没有门脸。随着经济全球化和电子商务经济的到来,学校如果还固守于传统模式则必定不能再适应经济全球化的趋势,学校网站优化是一个不可回避的现实。 一、竞争的需要。国际互联网的用户在迅猛地增长。这增长速度是全世界范围的普遍现象。在美国,欧洲,港澳及其它许多国家,网站和电子信箱系统已经成为世界各国各所不可缺少的重要组成部分。 二、网站建设可以使学校在网上宣传更加生动形象。尽管你的学校非常好,但人们总是无法看到它的样子,产品画册虽然非常好,但它是静止的也没有人能想象到学校最真实的状态是什么样子的。如果以上因素对学生的影响真的非常重要的话,那么学校就应该利用互联网来介绍学校了,因为WWW技术可以很简便地为学校网站介绍加入声音、图形、动画甚至影像,这些不断涌现出来的多媒体技术已让网络世界变得丰富多彩。 三、可以迅速树立学校品牌形象。今天,国际互联网络已成为未来生活的代名词,要显示学校的实力,提升学校形象,没有什么比在学校信封、学校宣传单及各种公众能看得到的东西印上自己公司独有的网络地址和专用的电子邮件地址更有说服力了。这样学校便加简单的为自己做好了宣传。 2.1课程设计的开发环境 网站开发使用的环境是sublimetext3。该工具对于javascript的编写具有诸多的优点。 可以快速注释 在编写网站的过程中,代码的注释有利于结构的清晰、思路的流畅,同时对于日后代码的维护和后期的修改都有着重要的作用。 自动代码补全 在编写一个学校前台官网,其中代码量较多,外加上对知识点的不熟悉。自动代码补全功能对于代码的编写作用显著。 能够开始查找

javascript期末考试模拟题

一、单项选择题(本题共15小题,每小题2分,共30分) 在每小题列出的四个备选项中只有一个是符合题目要求的,请将其正确答案涂写在答题卡上。 1. 以“.js”为文件扩展名的文件是______。 (A) html文件(B) 网页文件(C) Java文件(D) Javascript文件 2.以下合法的变量名是______。 (A) new (B) _123 (C) null (D) 2abc 3.以下正确的字符串是______。 (A) xyz (B) ‘xyz” (C) “xyz’ (D) ‘xyz’ 4.设有语句: var st1=’test’; st1=st1+ 25; 则st1的值是______。 (A) ‘test25’ (B) 25 (C) ‘test’(D) 语法错误 5.123+”789”的值是______。 (A) ‘123789’ (B) 912 (C) “789”(D) 语法错误 6.表达式(a=2,b=5,a>b?a:b)的值是______。 (A) 2 (B) 5 (C) 1 (D) 0 7.设有语句var a=3,b=5,c=3,d=8,m=3,n=2; 则逻辑表达式(m=a>b)&&(n=c>d)运算后,n的值为_______。 (A) 0 (B) 1 (C) 2 (D) 3 8.设var a=2,b=3; 则a++==b?(a-1):b的结果是___________。 A) 0 B) 1 C) 2 D) 3 9. 下面while循环执行的次数为________。 var i=5; while (i==0) i--; A)无限B) 1 C) 5 D) 0 10. 以下数组的定义中____________是错误的。 A) var a=new Array(); B) var a=new Array(10); C) var a[10]={ 1,2,3}; D) var a=["1",2,"3"]; 11.设var x=3,y=4; 下列表达式中y的值为9的是________。 A)y*=x-3 B)y/=x*9 C)y-=x+10 D)y+=x+2 12. 在程序中有多个相关联的选项,若要默认选择某一项,应在该项中增加_________属性。 A) checked B) default C) selected D) defaultValue 13.结果为NaN的表达式是______。 (A) "80"+"19" (B) "十九"+"八十" (C) "八十"*"十九" (D) "80"*"19" 14.执行下面语句后c的值是_______。 var a=2,b=1,c=3; if(a

Javascript笔试题及答案

J a v a s c r i p t笔试题及 答案 Company Document number:WTUT-WT88Y-W8BBGB-BWYTT-19998

Javascript面试笔试题 考试时间90分钟 一、不定项选择题(每题3分,共30分) 1.声明一个对象,给它加上name属性和show方法显示其name值,以下 代码中正确的是( D ) A.var obj = [name:"zhangsan",show:function(){alert(name);}]; B.var obj = {name:"zhangsan",show:”alert”}; C.var obj = {name:"zhangsan",show:function(){alert(name);}}; D.v ar obj = {name:"zhangsan",show:function(){alert;}}; 2.以下关于Array数组对象的说法不正确的是( CD) A.对数组里数据的排序可以用sort函数,如果排序效果非预期,可以给 sort函数加一个排序函数的参数 B.reverse用于对数组数据的倒序排列 C.向数组的最后位置加一个新元素,可以用pop方法 D.unshift方法用于向数组删除第一个元素 3.要将页面的状态栏中显示“已经选中该文本框”,下列JavaScript语句正确的 是( A ) A.="已经选中该文本框" B.="已经选中该文本框" C.="已经选中该文本框" D.="已经选中该文本框" 4.点击页面的按钮,使之打开一个新窗口,加载一个网页,以下JavaScript 代码中可行的是( AD)

Javascript期中测试卷

Javascript程序设计期中考试试卷班级:姓名:总分: 一、选择题(本大题60分,每小题2分) 1.以下哪个选项是Javascript技术特征( D ) A.解释型脚本语言 B.跨平台 C.基于对象和事件驱动 D.具有以上各种功能 2.JavaScript是(B )。 A. 一种Java 编程语言,不同的是它可以用于网页开发 B. 一种解释性的、用于客户端的、基于对象的程序开发语言 C. 一种用于Firefox浏览器和Internet Explorer浏览器的网页开发语言 D. 一种用于制作网页动画效果的程序开发语言 3.以下哪个单词不属于javascript保留字:( B ) A. var B. parent C. function D. for 4.编辑Javascript程序时(C ) A.只能使用记事本 B.只能使用FrontPage编辑软件 C.可以使用任何一种文本编辑器 D.只能使用Dreamweaver编辑工具 5.在程序开发过程中,用户输入内容的校验常分为功能性校验和(A ) A.格式性校验 B..内容性校验 C.事件性校验 D.方法性校验 6.使用外部JavaScript程序文件的正确格式是(A ) A.

 
(2)利用全局变量和函数,设计模拟幸运数字机游戏。设幸运数字为8,每次由计算机

随机生成3个1~9之间的随机数,当这3个随机数中有一个数字为8时,就算赢了一次。 Ex050309.html

 
二.事件与对象 1.设计一个表单,放入两个按钮,单击它们时将显示不同问候语。 S07_02.HTM 处理事件-HTML标记方式

三.内置对象 1.在页面中显示当天日期。

JavaScript程序设计试题一及答案

JavaScript程序设计试题一及答案 一、单选题 1、以下哪条语句会产生运行错误:() A.var obj = ( ); B.var obj = [ ]; C.var obj = { }; D.var obj = / /; 2、以下哪个单词不属于javascript保留字:() A. with B. parent C. class D. void 3、请选择结果为真的表达式:() A. null instanceof Object B. null === undefined C. null == undefined D. NaN == NaN 二、不定项选择题 4、请选择对javascript理解有误的:( ) A. JScript是javascript的简称 B. javascript是网景公司开发的一种Java脚本语言,其目的是为了简化Java 的开发难度 C. FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上 D. AJAX技术一定要使用javascript技术 5、foo对象有att属性,那么获取att属性的值,以下哪些做法是可以的:() A. foo.att B. foo(“att”) C. foo[“att”] D. foo{“att”} E. foo[“a”+”t”+”t”] 6、在不指定特殊属性的情况下,哪几种HTML标签可以手动输入文本:() A. B. C. D.

7、以下哪些是javascript的全局函数:() A. escape B. parseFloat C. eval D. setTimeout E. alert 8、关于IFrame表述正确的有:( )

JavaScript期末测试题

1、选择题:9题 1、要求用JavaScript实现下面的功能:在一个文本框中内容发生改变后,单击页面的其他部分将弹出一个消息框显示文本框中的内容,下面语句正确的是() A. B. C. D. 正确答案是: B 2、在HTML页面中,下面关于Window对象的说法不正确的是()。 A.Window对象表示浏览器的窗口,可用于检索有关窗口状态的信息 B.Window对象是浏览器所有内容的主容器 C.如果文档定义了多个框架,浏览器只为原始文档创建一个Window对象,无须为每个框架创建Window对象 D.浏览器打开HTML文档时,通常会创建一个Window对象 正确答案是: C 3、window的哪个方法可以显示输入对话框?() A.confirm() B.alert() C.prompt() D.open() 正确答案是: C 4、open()方法的哪个外观参数可以设置是否显示滚动条?() A.location B.menubar C.scrollbars D.toolbar 正确答案是: C 5、在Javascript语言中,当元素失去了焦点时激发的事件是( ) A.Focus B.UnLoad C.MouseOver D.Blur 正确答案是: D 6、DHTML不具备的优点是() A.动态样式 B.动态语法 C.动态内容 D.动态定位

网页制作课程设计

课程设计报告 课程名称《网页设计》 课题名称南岳衡山旅游网页制作 专业信息管理与信息系统 班级信管1301 学号201303110125

姓名肖宏亮 指导教师余新宇、赵锦元、谢雅 2015年6 月10 日 湖南工程学院 课程设计任务书 课程名称《网页设计》 课题南岳衡山旅游网页制作 专业班级信管1301 学生姓名肖宏亮 学号201303110125 指导老师余新宇赵锦元谢雅 审批 任务书下达日期2015 年 6 月10 日 任务完成日期2015 年6 月27 日

目录 1设计的思路 0 2网站总体风格 0 3网站的分析与设计 (1) 4总体设计图 (1) 5详细设计 (2) 5.1各页面的内容 (2) 5.2首页的布局 (2) 5.3制作二级页面 (4) 5.4制作三级页面 (6) 5.6特效 (10) 6错误调试 (11) 7总结 (12) 8心得体会 (13) 9评分表 (14)

第一部分:课设目的 21世纪是一个信息时代,Internet已经进入人们生活与工作的各方面,而网页作为Internet信息传递的重要载体,其重要也日趋突出。所以实训的目的就是要我们更好的掌握好这一学期的网页知识和提高自己的动手能力,并且上传到网上去,让更多人认识我,更好的宣传自己。 个人网站的总体规划和步骤 1设计的思路 我的个人网站主要是以蓝色基调为主,使人一看就了然,很容易一看就形成系统的逻辑,而且与我们南岳衡山的旅游风景相衬显得十分融洽。 2网站总体风格 我设计的这个网站使用蓝色基调主要是给人舒服,能够一目了然,而且能够吸引人的眼球,更重要的是这期主题是南岳衡山,大体基调使用蓝色与大山的图片颜色相当协调。 网站的总体风格主要是以蓝色为主,以淡色为辅,充满活力,生机。具有个性色彩。 网站的布局其实并不复杂,主要是先规划还一个大致布局,可以参考很多旅游网站他的大体布局,但不能照搬全抄,要结合自身网站的特点做一些较之其他网页相对有特色的东西,这样才能更吸引人,在网页顶部,我们必须做一个能代表我们网站的LOGO,所以做好一个模版,模版做好框架了,那网站就初步先采用ps技术设计好自己网站的LOGO,然后创建导航栏,再根据导航栏制作其他的页面。在整个网站的制作过程中我们必须得切记整体风格必须一致,这样才会给人形成一个整体舒服的感觉,否则会显得很唐突。 绿色网站的内容结构也很简单,分类清楚。页面链接的层次也很明确,访问

2019年信息技术模拟测试二

2019年信息技术模拟测试二 1、下列属于ZigBee技术特点的是( ) A、近距离、低功耗 B、远距离、低功耗 C、近距离、高功耗 D、远距离、高功耗 2、下列不属于物联网关键技术的是( ) A、传感网技术 B、虚拟现实技术 C、RFID技术 D、M2M技术 3、物联网中的RFID主要用于( ) A、感知识别 B、信息传输 C、智能计算 D、数据存储 4、某Access数据表打开后如下图所示, 下列叙述中,错误的是( ) A、数据表名称是books B、数据表中共有61条记录 C、数据表中共有3个字段 D、author字段的数据类型应为文本 5、下列不属于操作系统软件的是() A、WinRAR B、Linux C、iOS D、Android 6、下列不能用于完成多媒体信息集成的软件是( ) A、Authorware B、Powerpoint C、Photoshop D、Flash 7、我们可以通过调制解调器、路由器、电话线、网线等设备或设施实现家庭多台电脑同时上网。下列连接图中正确的是( )

8、下列对动态网页技术--ASP的理解,错误的是( ) A、ASP是指Active Server Pages,即动态服务器页面技术 B、采用ASP可以设计出论坛、留言板等交互性网页 C、ASP与JavaScript都可以实现客户端交互技术 D、ASP是一个网络服务器端的开发环境 9、下列选项中,不属于表格相关HTML标签的是( ) A、
B、

C、 D、 10、JavaScript程序文件的扩展名一般是( ) A、php B、js C、app D、asp 11、关于IIS的配置,下列说法错误的是( ) A、IIS要求默认文档的主文件名必须为default或index B、IIS可以同时管理多个网站 C、IIS可以通过添加Windows组件安装 D、IIS不仅能够管理Web站点,也可以管理FTP站点 12、FlashFXP、CuteFTP等都属于( ) A、通信协议 B、操作系统 C、应用软件 D、媒体播放器 13、用计算机程序解决问题,正确的顺序是( ) A、分析问题→编写代码→设计算法→调试运行 B、分析问题→设计算法→编写代码→调试运行 C、设计算法→分析问题→编写代码→调试运行 D、调试运行→设计算法→编写代码→分析问题 14、2012年6月6日,发生了金星凌日天文现象,当时世界各地天文爱好者拍摄影像资料进行

HTML和JavaScript综合练习题2014答案

HTML和JavaScript综合练习题 一、单项选择 1.Web使用( D )在服务器和客户端之间传输数据。 A.FTP B. Telnet C. E-mail D. HTTP 2.HTTP服务默认的端口号是(D)。 A. 20 B. 21 C. 25 D. 80 3.HTML是一种标记语言,由( C )解释执行。 A.Web服务器 B.操作系统 C. Web浏览器 D.不需要解释 4.下列哪个标签是定义标题的 ( A )。 A.h1 B.hr C.hw D.p 5.html中的注释标签是( C )。 A.<-- --> B.<--! --> C. D.<-- --!> 6.标签的作用是( D )。 A.斜体B.下划线C.上划线D.加粗 7.网页中的空格在html代码里表示为( B )。 A.& B.  C." D.< 8.定义锚记主要用到标签中的( A )属性。 A.name B.target C.onclick D.onmouseover 9.要在新窗口中打开所点击的链接,实现方法是将标签的target属性设为( A )。 A._blank B._self C._parent D._top 10.下列代表无序清单的标签是( A )。 A.

B.
C.
  • D.< li >…
    … 第 1 页共11 页

    11.定义表单所用的标签是( B )。 A.table B.form C.select D.input 12.要实现表单元素中的复选框,input标签的type属性应设为( B )。 A.radio B.checkbox C.select D.text 13.要实现表单元素中的单选框,input标签的type属性应设为( A )。 A.radio B.checkbox C.select D.text 14.要使单选框或复选框默认为已选定,要在input标签中加( D )属性。 A.selected B.disabled C.type D.checked 15.要使表单元素(如文本框)在预览时处于不可编辑状态,显灰色,要在input中加( B ) 属性。 A.selected B.disabled C.type D.checked 16.如果希望能在网页上显示大于(>),可以使用( A )符号来表示。 A.> B.< C." D.& 17.alert();的作用是:( A )。 A.弹出对话框,该对话框的内容是该方法的参数内容。 B.弹出确认对话框,该对话框的要用户选择“确认”或“取消”。 C.弹出输入对话框,该对话框的可让用户输入内容。 D.弹出新窗口。 18.看以下JavaScript程序 var num; num=5+true; 问:执行以上程序后,num的值为( D )。 A.true B.false C.5 D.6 19.看以下JavaScript程序 var x=prompt(“请输入1-5的数字!”,“”); switch (x) case “1”:alert(“one”); case “2”:alert(“two”); case “3”:alert(“three”); case “4”:alert(“four”); case “5”:alert(“five”); default:alert(“none”); 运行以上程序,在提示对话框中输入“4”,依次弹出的对话框将输出: ( B )。 A.four,none 第 2 页共11 页

    javascript测试试卷

    JavaScript测试题 一、选择题(共30题,每小题1分,共30分。把每小题的正确答案写在后面的答题卡中。 1、以下哪个单词不属于javascript保留字:() A、 for B、 if C、 function D、 dim 2、以下哪个运算符不属于逻辑运算符?() A、&& B、|| C、^ D、! 3、下列程序设计语言与Javascript不属于同种语言的是()。 A、 VBscript B、 Jscript C、 C++ D、ECMAScript 4、组成JavaScript程序的基本单元是()。 A、语句 B、表达式 C、变量 D、函数 5、下面定义变量中错误的是()。 A、 eee B、 _abc C、box_1 D、 2point 6、下面不是常量的是()。 A、 false B、 undefined C、 100 D、 null 7、下面语句var x= -10, y; x=2*x; y=x+15;计算后y的结果是()。 A、 -15 B、 10 C、 -5 D、 5 8、下列表达式运算结果为真的是()。 A、1<2 && “5”! =5 B、2>2*1 || “5”= =5 C、2>2*1 && 5= =5 D、 1<2 && “5”= =5 9、下面不是用于创建一个新的对象的语句是()。 A、 var d = new Date(); B、 function f(){ var x=5; x++;} C、 var o = new Object(); D、 var o = {title: “hello”, author: “Tom”}; 10、以下程序段,执行的结果是()。 var x=-1;

    相关文档
    最新文档