搜档网
当前位置:搜档网 › javaScript练习题

javaScript练习题

javaScript练习题
javaScript练习题

JS练习题

JS练习题 (1)

一、选择题 (2)

二、不定项选择题 (7)

三、填空 (8)

四、判断 (9)

五、阅读程序写结果 (10)

六、程序题 (12)

七、设计题 (15)

一、选择题

1、写“Hello World”的正确javascript语法是?()

A. document.write("Hello World")

B. "Hello World"

C. response.write("Hello World")

D. ("Hello World")

2、JS特性不包括()

A.解释性

B.用于客户端

C.基于对象

D.面向对象

3、下列JS的判断语句中( )是正确的

A.if(i==0)

B.if(i=0)

C.if i==0 then

D.if i=0 then

4、下列JavaScript的循环语句中( )是正确的

A.if(i<10;i++)

B.for(i=0;i<10)

C.for i=1 to 10

D.for(i=0;i<=10;i++)

5、下列的哪一个表达式将返回假()

A.!(3<=1)

B.(4>=4)&&(5<=2)

C.(“a”==”a”)&&(“c”!=”d”)

D.(2<3)||(3<2)

6、下列选项中,( )不是网页中的事件

A.onclick

B.onmouseover

C.onsubmit

D.onpressbutton

7、有语句“var x=0;while(____) x+=2;”,要使while循环体执行10次,空白处的循环判定式应写为:()

A.x<10 B. x<=10 C.x<20 D.x<=20

8、JS语句

var a1=10;

var a2=20;

alert(“a1+a2=”+a1+a2)

将显示( )结果

A.a1+a2=30

B.a1+a2=1020

C.a1+a2=a1+a2

9、将字串s中的所有字母变为小写字母的方法是()

A.s.toSmallCase()

B.s.toLowerCase()

C.s.toUpperCase()

D.s.toUpperChars()

10、以下( )表达式产生一个0~7之间(含0,7)的随机整数.

A.Math.floor(Math.random()*6)

B.Math.floor(Math.random()*7)

C.Math. floor(Math.random()*8)

D.Math.ceil(Math.random()*8)

11、产生当前日期的方法是()

A.Now();

B.Date()

C.new Date()

D.new Now()

12、如果想在网页显示后,动态地改变网页的标题()

A.是不可能的

B.通过document.write(“新的标题内容”)

C. 通过doc ument.title=(“新的标题内容”)

D. 通过document.changeTitle(“新的标题内容”)

13、某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称是myButton,表述该按钮对象的方法是()

A.document.forms.myButton

B.document.mainForm.myButton

C.document.forms[0].element[0]

D.以上都可以

14、HTML文档的树状结构中,()标签为文档的根节点,位于结构中的最顶层。

A.

B.

C.

D.</p><p>15、在HTML页面中,CSS样式的属性名为background-image对应的style对象的属性名是()</p><p>A.background</p><p>B.backgroungImage</p><p>C.image</p><p>D.back</p><p>16、在使用Javascript实现省市级联菜单功能时,在添加城市列表前清空原来的下拉选项的代码是()</p><p>A.document.myform.selCity.options.clear()</p><p>B. document.myform.selCity.options.deleteAll()</p><p>C. document.myform.selCity.options.length=0</p><p>D. document.myform.selCity.options.size=0</p><p>17、HMTL表单的首要标记是<form>,<form>标记的参数method表示表单发送的方法,可能为get或post,下列关于get和post的描述正确的是()</p><p>A.post方法传递的数据对客户端是不可见的</p><p>B.get请求信息以查询字符串的形式发送,查询字符串长度没有大小限制</p><p>C.post方法对发送数据的数量限制在255个字符之内</p><p>D.get方法传递的数据对客户端是不可见的</p><p>18、在DOM对象模型中,下列选项中的()对象位于DOM对象模型的第二层。(选择二项)A.history B.document C.button D.text</p><p>19、在HTML文档对象模型中,history对象的()用于加载历史列表中的下一个URL页面。</p><p>A.next() B.back() C.forward() D.go(-1)</p><p>20、在Javascript中要改变页面文档的背景色,需要修改document对象的()属性。A.BackColor B.BackgroundColor C.BgColor D.Background</p><p>21、在HTML页面中,不能与onChange事件处理程序相关联的表单元素有()</p><p>A.文本框 B.复选框 C.列表框 D.按钮</p><p>22、在HTML页面上编写Javascript代码时,应编写在()标签中间。</p><p>A.<javascript>和</javascript></p><p>B.<script>和</script></p><p>C. <head>和</head></p><p>D. <body>和</body></p><p>23、在Javascript浏览器对象模型中,window对象的()属性用来指定浏览器状态栏中显示的临时消息。</p><p>A.status B.screen C.history D.document</p><p>24、编写Javascript函数实现网页背景色选择器,下列选项中正确的是()</p><p>A.function change(color){</p><p>window.bgColor=color;</p><p>}</p><p>B. function change(color){</p><p>document.bgColor=color;</p><p>}</p><p>C. function change(color){</p><p>body.bgColor=color;</p><p>}</p><p>D. function change(color){</p><p>form.bgColor=color;</p><!--/p3--><!--p4--><p>}</p><p>25、在Javascript中,可以使用Date对象的()方法返回一个月中的每一天。A.getDate B.getYear C.getMonth D.getTime</p><p>26、在Javascript中,对于浏览器对象的层次关系理解正确的是()(选择二项)</p><p>A.window对象是所有页面内容的根对象</p><p>B.document对象包含location对象和history对象</p><p>C.location对象包含history</p><p>D.document对象包含form对象</p><p>27、下列选项中关于浏览器对象的说法错误的是()</p><p>A.history对象记录了用户在一个浏览器中已经访问过的URLs</p><p>B.location对象相当于IE浏览器中的地址栏,包含关于当前URL地址的信息</p><p>C.location对象是history对象的父对象</p><p>D.location对象是window对象的子对象</p><p>28、在HTML页面中包含一个按钮控件mybutton,如果要实现点击该按钮时调用已定义的Javascript函数compute,要编写的HTML代码是()</p><p>A.<input name=”mybutton” type=”button” onBlur=”compute()”value=”计算”></p><p>B.<input name=”mybutton” type=”button” onFocus=”compute()”value=”计算”></p><p>C.<input name=”mybutton” type=”button” onClick=”function compute()”value=”计算”></p><p>D.<input name=”mybutton” type=”button” onClick=”compute()”value=”计算”></p><p>29、分析下面的Javascript代码段,输出结果是()</p><p>var mystring=”I am a student”;</p><p>var a=mystring.substring(9,13);</p><p>document.write(a);</p><p>A.stud B.tuden C.uden D.udent</p><p>30、Javascript中制作图片代替按钮的提交效果需要手动提交方法submit(),以下调用正确的是()</p><p>A.submit();</p><p>B.myform.submit()</p><p>C.document.myform.submit()</p><p>D.window.myform.submit();</p><p>31、在HTML页面中包含如下所示代码,则编写Javascript函数判断是否按下键盘上的回车键正确的编码是()</p><p><input name=”password” type=”text” onkeydown=”myKeyDown()”></p><p>function myKeyDown(){</p><p>if (window.keyCode==13)</p><p>alert(“你按下了回车键”);</p><p>function myKeyDown(){</p><p>if (document.keyCode==13)</p><p>alert(“你按下了回车键”);</p><p>function myKeyDown(){</p><p>if (event.keyCode==13)</p><p>alert(“你按下了回车键”);</p><p>function myKeyDown(){</p><p>if (keyCode==13)</p><p>alert(“你按下了回车键”);</p><p>32、如果在HTML页面中包含如下图片标签,则选项中的()语句能够实现隐藏该图片的功能。</p><!--/p4--><!--p5--><p><img id=”pic” src=”Sunset.jpg” width=”400” height=”300”></p><p>A.document.getElementById(“pic”).style.display=”visible”;</p><p>B.document.getElementById(“pic”).style.display=”disvisible”;</p><p>C.document.getElementById(“pic”).style.display=”block”;</p><p>D.document.getElementById(“pic”).style.display=”none”;</p><p>33、如果在HTML页面中包含如下图片标签,则在下划线处添加()代码能够实现隐藏该图片的功能。</p><p><img id=”pic” src=”Sunset.jpg” width=”400” height=”300” ____________ ></p><p>A. style=”display:visible”;</p><p>B. style=”display:disvisible”;</p><p>C. style=”display:block”;</p><p>D. style=”display:none”;</p><p>34、下列选项中,()段HTML代码所表示的“返回”链接能够正确实现IE工具栏中“后退”按钮的功能。(选择二项)</p><p>A. <a href=”javascript:history.go(-1)”>返回</a></p><p>B. <a href=”javascript:location.back()”>返回</a></p><p>C. <a href=”javascript: location go(-1)”>返回</a></p><p>D. <a href=”javascript:history.back()”>返回</a></p><p>35、在HTML文档中包含如下超链接,要实现当鼠标移入该链接时,超链接文本大小变为30px,选项中的编码正确的是()</p><p>A.<a href=”#” onmouseover=”this.style.fontsize=30px”>注册</a></p><p>B.<a href=”#” onmouseout=”this.style.fontsize=30px”>注册</a></p><p>C.<a href=”#” onmouseover=”this.style.font-size=30px”>注册</a></p><p>D.<a href=”#” onmouseout=”this.style.font-size=30px”>注册</a></p><p>36、在HTML页面上,当按下键盘上的任意一个键时都会触发Javascript的()事件。</p><p>A.onFocus</p><p>B.onBlur</p><p>C.onSubmit</p><p>D.onKeyDown</p><p>37、在HTML页面中,定义了如下所示的Javascript函数,则正确调用该函数的HTML代码是()(选择二项)(function compute(op){</p><p>alert(op);</p><p>}</p><p>A.<input name=”a” type=”button” onclick=”compute(this.value)” value=”+”></p><p>B.<input name=”b” type=”button” onclick=”compute(‘-‘)” value=”-”></p><p>C.<input name=”c” type=”button” onclick=”compute(“*”)” value=”*”></p><p>D.<input name=”d” type=”button” onclick=”compute(/ )” value=”/”></p><p>38、在HTML页面上包含如下创建层的语句,那么编写Javascript语句实现显示该层的语句错误的是()</p><p><html></p><p><body></p><p><div id=”imageLayer” style=”display:none;”></p><p><img src=”images/Sunset.jpg” width=”200” height=”100”></div></p><p></body></p><p><html></p><p>A. document.getElementByTagName(“div”)*0+.style.display=”block”</p><!--/p5--><!--p6--><p>B.document.getElementById(“imageLayer”).style.display=”block”;</p><p>C.document.getElementByName(“imageLayer”)*0+.style.display=”block”;</p><p>D.document.getElementByName(“imageLayer”).get(0).style.display=”block”;</p><p>39、分析下面的Javascript代码段,输出结果是()</p><p>var s1=parseInt(“101中学”);</p><p>document.write(s1);</p><p>A. NaN</p><p>B.101中学</p><p>C.101</p><p>D.出现脚本错误</p><p>40、在HTML中,点击图片”previous.gif”上的超级链接后页面将加载历史列表中的上一个URL 页面。代码如下所示,应在下划线处填入()</p><p><a href=_________><img src=”previous.gif” width=”67” height=”21”></a></p><p>A.”javascript:history.go(-1)”;</p><p>B. “history.go(1)”</p><p>C. “history.go(-1)”</p><p>D. “javascript:history.go(1)”</p><!--/p6--><!--p7--><p>二、不定项选择题</p><p>1、请选择对javascript理解有误的:(abcd)</p><p>A.JScript是javascript的简称</p><p>B.javascript是网景公司开发的一种Java脚本语言,其目的是为了简化Java的开发难度</p><p>C.FireFox和IE存在大量兼容性问题的主要原因在于他们对javascript的支持不同上</p><p>D.AJAX技术一定要使用javascript技术</p><p>2、foo对象有att属性,那么获取att属性的值,以下哪些做法是可以的:()</p><p>A.foo.att</p><p>B.foo(“att”)</p><p>C.foo*“att”+</p><p>D.foo,“att”-</p><p>E.foo*“a”+”t”+”t”+</p><p>3、在不指定特殊属性的情况下,哪几种HTML标签可以手动输入文本:(ace)</p><p>A.<TEXTAREA></TEXTAREA></p><p>B.<INPUT type=”text”/></p><p>C.<INPUT type=”hidden”/></p><p>D.<DIV></DIV></p><p>4、以下哪些是javascript的全局函数:(abc)</p><p>A.escape</p><p>B.parseFloat</p><p>C.eval</p><p>D.setTimeout</p><p>E.alert</p><p>5、关于IFrame表述正确的有:(abcd)</p><p>A.通过IFrame,网页可以嵌入其他网页内容,并可以动态更改</p><p>B.在相同域名下,内嵌的IFrame可以获取外层网页的对象</p><p>C.在相同域名下,外层网页脚本可以获取IFrame网页内的对象</p><p>D.可以通过脚本调整IFrame的大小</p><p>6、关于表格表述正确的有:(abcde)</p><p>A.表格中可以包含TBODY元素</p><p>B.表格中可以包含CAPTION元素</p><p>C.表格中可以包含多个TBODY元素</p><p>D.表格中可以包含COLGROUP元素</p><p>E.表格中可以包含COL元素</p><p>7、关于IE的window对象表述正确的有:(acd)</p><p>A.window.opener属性本身就是指向window对象</p><p>B.window.reload()方法可以用来刷新当前页面</p><p>C.window.location=”a.html”和window.location.href=”a.html”的作用都是把当前页面替换成a.html页面</p><p>D.定义了全局变量g;可以用window.g的方式来存取该变量</p><!--/p7--><!--p8--><p>三、填空</p><p>1.Java和Javascript是两种不同的语言。Java是面向对象的程序设计语言,而Javascript</p><p>是基于对象的脚本语言。Javascript可以在客户端和</p><p>服务器端脚本中使用。</p><p>2.Javascript通过cookied 存储数据。</p><p>3.Javascript内置函数pareseInt将字符型的值显式地转换为整形值。</p><p>4.加号运算符可以连接两个字符串。</p><p>5.for-in 是一种特殊的循环表达式,它将根据对象中的属性进行循环。</p><p>6.Javascript中,对象一般由属性、方法和事件组成。</p><p>7.表单是Javascript实现用户交互的主要组件。</p><p>8.当前窗口是文档(document)对象的父类。</p><p>9.action属性可以确定表单提交的服务器地址。</p><p>10.Javascript使用location对象来访问窗体加载时当前文档的URL。</p><p>11.浏览器(navigator) 对象由Javascript动态引擎自动创建,用于收集用户浏览</p><p>页面时所用的浏览器程序信息,它与window对象一样是最上层对象。</p><!--/p8--><!--p9--><p>四、判断</p><p>1.Javascript是一种强类型语言。( F )</p><p>2.Javascript不完全支持OOPS概念。(T)</p><p>3.不论do-while循环的条件是否正确,循环体至少执行一次。(T)4.按钮(button)对象支持oncliCk、onBlur和onFocus事件名柄。(T )5.加载的事件句柄代码在文档加载到浏览器窗口之前执行。(F)6.Option标记限定了选择列表元素的范围。(T)</p><p>7.Screen对象包含的属性可以修改。(F)</p><p>8.Javascript不允许用户定义自己的对象类型。( F )</p><p>9.当读取Cookies时,需要对它进行解析。(F)</p><p>10.只能通过CGI代码访问、存储和操纵Cookies。( F )</p><!--/p9--><!--p10--><p>五、阅读程序写结果</p><p>1、function replaceStr(inStr, oldStr, newStr){</p><p>var rep = inStr;</p><p>while (rep.indexOf(oldStr) > -1) {</p><p>rep = rep.replace(oldStr, newStr);</p><p>}</p><p>return rep;</p><p>}</p><p>alert(replaceStr("how do you do","do","are")); 答:</p><p>2、<script></p><p>var x,y=null;</p><p>alert(x) ;</p><p>alert(y) ;</p><p>alert(x=y);</p><p>alert(x==y);</p><p></script></p><p>答:</p><p>3、</html></p><p>x=”a”;</p><p>y=”b”;</p><p>z=false;</p><p>function testOne(){</p><p>var x=”c”;</p><p>var y=”d”;</p><p>z=true;</p><p>alert(x);</p><p>alert(y);</p><p>alert(z);</p><p>}</p><p>function testTwo(){</p><p>alert(x);</p><p>alert(y);</p><p>alert(z);</p><p>}</p><p>testOne();</p><p>testTwo();</p><p>答:</p><p>4、当单击button按钮时,出现什么结果。</p><p><html></p><p><head></p><p><title>Untitled Document

答:

六、程序题

1、完成foo()函数的内容,要求能够弹出对话框提示当前选中的是第几个单选框。

答案:

2、填充注释部分的函数体,使得foo()函数调用弹出”成功”的对话框。代码应尽量简短。

七、设计题

1、利用Javascript设计一个页面显示下列信息,保存的页面名称为01.htm,保存在test文

件夹中。

显示的信息为:欢迎来到Javascript 世界

2、使用Javascript语句分时问候,0~12点显示“早上好!”,12~18点显示“下午好!”,18~24

点显示“晚上好!”;并动态的显示今天的日期和现在的时间,效果参考下图:

保存的页面名称为02.htm,保存在test文件夹中。

3、使用Javascript语句实现表单校验,如下图,具体要求:

(1)文本框不能为空

(2)输入的电子邮件地址必须包含“@“符号和“.“符号

保存的页面名称为:03.htm,保存在test文件夹中。

4、制作一个页面,当加载这个页面的时候用Jav’50像素,宽度为650像素,其他设置为0,

保存的页面名称为04.htm,保存在test文件夹中。(adv.htm和其他素材test文件夹中)

5、已知页面上有一个文本输入框,要求输入助记码后,在离开输入框时自动填充匹配的内

例如:深圳、珠海、沈阳的助记码分别为sz、zh、sy

当输入“sz”时,输入框显示“深圳”

当输入“s”时,在紧贴输入框的右边显示下拉选择框,提供可选的输入:深圳、沈阳,选择完后,下拉框消失

假设输入框的onBlur事件的函数是shortcutCode,请写出该函数的内容

假设已有存储助记码对象的声明

var oShortcut = { sz:"深圳", zh:"珠海", sy:"沈阳" }

function shortcutCode() {

}

6、设计一个表单,放入两个按钮,单击它们时将显示不同问候语。

7、在页面中显示当前时间

8、将用户输入的字符串反向输出到页面上,并且要求将其中的小写字母转换成大写字母。

9、设计一个表单,该表单有姓名和某种卡号两个文本输入框,其中这种卡号的格式为

“XXXX-XXXX-XXXX-XXXX”(每个X代表一个数字),要求用户单击提交按钮之前验证这两个输入数据的有效性。

10、设计3个按钮,当单击他们时分别使页面的背景色变成红、蓝和绿色。

11、设计一个表单,可以让用户输入姓名、年龄、职业,并编写程序对年龄进行有效检

验(16<年龄<40),数据合格后提交表单。

12、对表格单元格的添加删除修改并对其进行移动以及拷贝等操作,是目前应用开发中

常用的技术。

13、表单验证

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

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

js基础知识

Js1k:用1k的代码做出炫目的效果。代码扩写 犀牛书 微信公众号:前端大全 1. ***变量 2. ***数据类型 一.***变量:内存中存储*一个*数据的存储空间,再起一个名字 何时使用:程序中反复使用的数据,都要先保存在变量中,再参与运算 如何使用:声明赋值取值 1. 声明:在内存中创建一个新变量 如何声明:var 变量名; 仅声明,但暂未赋值,默认值为undefined 变量命名:1. 不能以数字开头,仅能包含字母,数字和下划线 2. 不能用保留字:js中已经预先使用的关键字 比如:name X 3. 见名知意 4. 驼峰命名:第一个单词首字母小写, 之后每个单词首字母大写: 比如:backgroundColor,listStyleType 2. 赋值:将等号*右边*的数据,保存到等号*左边*的变量中 如何赋值:变量名=值;il *对已经包含值的变量赋新值,新值会替换旧值* 建议:1. 在声明同时,初始化变量的值 如何在声明同时初始化:var 变量名=值; 3. 取值:只要使用变量名,在运行时,会被自动替换为变量中的值 特殊情况:3种: 1. 只声明,但未赋值的变量,可任意使用 比如:var hb; console.log(hb); //undefined 2. 从未声明的变量,不能使用(取值)! 报错:ReferenceError: XXX is not defined 3. 未声明的变量,却可赋值!——其实和var不一样 强烈建议:必须用var声明变量 ***声明提前:在程序正式*执行前*,都会将var声明的变量提前到*当前脚本块*的顶部集中声明。再开始执行程序。***赋值留在原地*** 常量:一旦初始化,值不能改变的量 何时使用:程序中,一旦定义不可擅自改变的值,都要用常量保存 如何创建:const 常量名=值; 用作常量的名称,都要大写字母 强行修改常量的值,不会报错,但也无法修改成功!

JavaScript试题集7

一. 单选题 1. 我们可以在下列哪个HTML 元素中放置javascript 代码? A.< script > B.< javascript > C.< js > D.< scripting > ★标准答案:A 2. 预测以下代码片段的输出结果: var str ; alert(typeof str); A.. string ; B.. undefined; C.. object ; D.. String; ★标准答案:B 3. 下列哪个不是Javascript 中注释的正确写法:( ) A.< !-- …… -- > B.//…… C./*……*/ D. /* …… */ ★标准答案:A 4. 以下哪项不属于Javascript 的特征? A.Javascript 是一种脚本语言 B.Javascript 是事件驱动的 C.Javascript 代码需要编译以后才能执行 D.Javascript 是独立于平台的 ★标准答案:C 5. 关于以下两个陈述的描述中,正确的是:( ) 陈述1:Javascript 是弱类型语言 陈述2:Javascript 的常用类型包括:int 、string 、boolean A.陈述1正确,陈述2错误 B.陈述1错误,陈述2正确 C.两个陈述都正确 D.两个陈述都错误 ★标准答案:A 6. 阅读下面的JavaScript 代码: < HTML > < BODY > < SCRIPT LANGUAGE="JavaScript" > function f(y) { var x=y*y; return x; } for(x=0;x< 5;x++) { y=f(x); document.writeln(y); } < /SCRIPT > < /BODY > < /HTML > 输出结果是()。 A.0 1 2 3 4 B.0 1 4 9 16 C.0 1 4 9 16 25 D.以上答案都不对 ★标准答案:B 7. 在Javascript 中,需要声明一个整数类型的变量num ,以下 哪个语句能实现上述要求? A.int num;

零基础js入门试题

零基础js入门试题

————————————————————————————————作者:————————————————————————————————日期:

1,什么是Javascript? 答:Javascipt是一种脚本语言,由web浏览器进行解释和执行。 2,JavaScript是由那几个部分组成? 答:主要分为以下三种: ECMAScript : 核心 DOM : 文档对象模型 BOM : 浏览器对象模型 3,请写出两种将Javascript的应用到网页的方式 答: 方法一:将javascript代码插入html文档部分的 方法二:将javascript代码存放在一个独立的文件。用.js作为文件的扩展名,再利用 4,如何定义一个变量?变量的命名规则有哪些? 答:变量由var 运算符加变量名定义,如: var num = 24; var name= ‘金团网’; 命名规则第一个字符必须是字母、下划线(_)、或美元符号($); 变量名中不能包含空格或标点符号($ 除外); 变量名区分大小写; 不能使用保留字; 为了让变量名有更好的可读性,可以在变量名中适当的插入下划线分隔,如:var my_name = ‘金团网’; 5,Javascript的常用的几种数据类型有哪些?

Javascript综合应用小案例

按需求弄了一个取词以及标红的小应用。 先上demo :/ 很多平时常用的东西,都用上了,所以拿出来说说。 一、代码 View Code 以上是所有js代码,比较长,下面将列举一些比较突出的点(望高人多多指点)。 二、代码分析 1.获取文本 getSelectionText: function(){ if(window.getSelection) { return window.getSelection().toString(); } else if(document.selection && { return; } return ''; } 这个在以前(JavaScript操控光标,你会么?)的文章里也说过,就不赘述了。 2.创建控制框 createBtn: function(evt){ var button = document.createElement("div"), //...csses= { "height" : "30px", "line-height" : "30px", "position": "absolute", "top": y + 10 + "px", "left": x + 10 + "px", "cursor": "pointer", "border": "1px solid #000", "background": "#EEE", "padding": "2px 8px", "border-radius": "3px" }; for(i in csses){

if(csses.hasOwnProperty(i)){ cssList += i + ":" + csses[i] + ";"; } } =cssList; button.innerHTML = "添加到关键词列表"; button.setAttribute("id", "btn"); //...} 这里有一点我想说说,在写js的时候,会经常涉及到对DOM对象style的处理,如果不想额外加入一个plugins.css之类的文件,可以像上面一样,将样式放置在一个对象中,然后利用for in将其写入,本来开始我用的是 obj.style[i] = csses[i]; 不知道为什么,在IE下报错了,后来便用cssText代替。 效果: 3.标红 //关键词标红 setRed: function(str){ var content = this._("article"), temp = '(' + str + ')'; reg = new RegExp(temp,'g'); content.innerHTML = , "$1"); } 这里主要就是正则表达式的事情了,正则的话,推荐两篇文章 ?一篇是司徒正美的,讲的比较全面,比较系统。点我链接过去→ ?一篇是30分钟搞定正则,这个讲说是对所有语言,JS的话正则这一块还不是特别完善和强大。点我链接过去→ 哈哈,相信用过正则的人不需要我来解释这个$1了吧,他的意思就是匹配到的第一个。 当然,删除标红和这个原理是差不多的。 //删除标红 rmRed: function(str){ var content = this._("article"), temp = "()"; reg = new RegExp(temp,'g i'); content.innerHTML = , str); }

JavaScript常用知识点

1、GET和POST的区别,何时使用POST? GET:一般用于信息获取,使用URL传递参数,对所发送信息的数量也有限制,一般在2000个字符 POST:一般用于修改服务器上的资源,对所发送的信息没有限制。 GET方式需要使用Request.QueryString来取得变量的值,而POST方式通过Request.Form来获取变量的值, 也就是说Get是通过地址栏来传值,而Post是通过提交表单来传值。 然而,在以下情况中,请使用POST 请求: 无法使用缓存文件(更新服务器上的文件或数据库) 向服务器发送大量数据(POST 没有数据量限制) 发送包含未知字符的用户输入时,POST 比GET 更稳定也更可靠JavaScript是客户端和服务器端脚本语言,可以插入到HTML页面中,并且是目前较热门的Web开发语言。同时,JavaScript也是面向对象编程语言。 类似的基本题目还包括:JavaScript都有哪些类型?JavaScript是谁发明的?……2、列举Java和JavaScript之间的区别? Java是一门十分完整、成熟的编程语言。相比之下,JavaScript是一个可以被引入HTML页面的编程语言。这两种语言并不完全相互依赖,而是针对不同的意图而设计的。Java是一种面向对象编程(OOPS)或结构化编程语言,类似的如C ++或C,而JavaScript是客户端脚本语言,它被称为非结构化编程。

3. JavaScript和ASP脚本相比,哪个更快? JavaScript更快。JavaScript是一种客户端语言,因此它不需要Web服务器的协助来执行。另一方面,ASP是服务器端语言,因此总是比JavaScript慢。值得注意的是,Javascript现在也可用于服务器端语言(nodejs)。 4、什么是负无穷大? 负无穷大是JavaScript中的一个数字,可以通过将负数除以零来得到。 5、如何将JavaScript代码分解成几行吗? 在字符串语句中可以通过在第一行末尾使用反斜杠“\”来完成 例:document.write(“This is \a program”); 如果不是在字符串语句中更改为新行,那么javaScript会忽略行中的断点。

JavaScript习题(带答案)

JavaScript基础练习题 第四章习题一 一、判断题 1.在JavaScript中可以用十六进制形式表示浮点数常量。 2.空字符串("")也就是字符串常量。 3.使用单引号对(' ')表示字符常量,而使用双引号对(" ")表示字符串常量。 4.在定义JavaScript变量时,一定要指出变量名与值。 5.用var定义一个变量后,如果没有赋予任何值,那么它得值就是空值,即null、 6.JavaScript规定在使用任何变量之前必须先使用var声明它。 7.在使用var x=1声明变量x之后,赋值语句x="今天天气真好"将出错。 8.表达式得类型只取决于运算符,与操作数无关。 9.两个整数进行除(/)运算,其结果也为整数。 10.如果有定义var a=true,b;那么a ll b得结果为true。 二、单选题 1.以下哪个常量值最大? A、80 B、0X65 C、095 D、0115 2.下面四个变量声明语句中,哪一个变量得命名就是正确得? A、var default B、var my_bouse C、var my dog D、var 2cats 3.下面哪一个语句定义了一个名为pageNumber得变量并将它得值赋为240? A、var PageNumber=240 B、pagenumber=240

C、var pageNumber=240 D、var int named pageNumber=240 4.下面哪一个字符串变量定义语句就是不正确得? A、var mytext = "Here is some text!" B、var mytext = 'Here is some text!' C、var mytext = 'Here is some text!" D、var mytext = "Here is\nsome text!" 5.下面四个JavaScript语句中,哪一个就是合法得? A、document、write("John said ,''Hi!"") B、document、write("John said ,''Hi!"') C、document、write("John said ,''Hi!") D、document、write("John said ,\''Hi!\"") 6.下面哪一个不就是JavaScript运算符? A、= B、== C、&& D、$# 7.表达式123%7得计算结果就是 A、2 B、3 C、4 D、5 8.表达式"123abe"-"123"得计算结果就是_。 A、"abc" B、0 C、"123abc123" D、NaN 9.赋值运算符得作用就是什么? A、给一个变量赋新值 B、给一个变量赋予一个新名 C、执行比较运算 D、没有任何用处 10.比较运算符得作用就是什么? A.执行数学计算B、处理二进制位,目前还不重要 C.比较两个值或表达式,返回真或假D、只比较数字,不比较字符串 11.下面得哪一个表达式将返回真?

JavaScript笔试题

《使用JavaScript增强交互效果》内部测试-笔试试卷 一、选择题(单选或多选题) 1.下面HTML标签中,默认占据整行的是(AB )。 A.

B.
C. D. 2.下面选项中,(AC )可以设置网页中某个标签的左外边距为5像素。A.margin:0 5px B.margin:5px 0 0 0; C.margin:0 0 0 5px; D.padding-left:5px; 3.在CSS中,为页面中的某个DIV标签设置以下样式,则该标签的实际宽度为(D )。div { width:200px; padding:0 20px; border:5px; } A.200px B.220px C.240px D.250px 4.在HTML中,DIV默认样式下是不带滚动条的,若要使
标签出现滚动条,需要为该标签定义( C )样式。 A.overflow:hidden; B.display:block; C.overflow:scroll; D.display:scroll; 5.阅读下面HTML代码,下面选项中增加的样式可以使两个DIV不在同一行显示的是(BD )。

......

...... A..box2{ clear:left; } B..box2{ clear:both; } C..box1{ clear:right; } D..box2 { clear:right; } 6.某页面中有一个1行3列的表格,其中表格行的id为row1,下列选项中能在表格中增加一列,并且这一列显示在最后面的是(C)。 A.document.getElementById("row1").Cells(3); B.document.getElementById("row1"). insertCell (2); C.document.getElementById("row1").insertCell(3); D.document.getElementById("row1").insertCell(0); 7.下列正则表达式中(B )可以匹配首位是小写字母或数字,其它位数是小写字母的最少 两位的字符串。 A./^ \w{2,}$/ B./^ [a-z0-9][a-z]+$/ C./^ [a-z0-9][a-z]*$/ D./^ [a-z0-9]\d+$/ 8.关于HTML中的表格和样式,下面说法错误的是( D )。 A.表格的边框可以使用CSS来控制 B.单元格的尺寸可以使用CSS来控制 C.单元格的背景颜色可以使用CSS来控制 D.单元格的跨行或跨列可以使用CSS来控制 9.CSS样式background-position:5px -10px代表的意义是( D )。 A.背景图片向左偏移5px,向下偏移10px B.背景图片向左偏移5px,向上偏移10px C.背景图片向右偏移5px,向下偏移10px D.背景图片向右偏移5px,向上偏移10px

js基础测试题

1、分析下段代码输出结果是() var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < ;i++) { sum +=arr[i] } (sum); A.20 B.18 C.14 D.12 2、以下关于 Array 数组对象的说法不正确的是() A.对数组里数据的排序可以用 sort 函数,如果排序效果非预期,可以给 sort 函数加一个排序函数的参数 B.reverse 用于对数组数据的倒序排列 C.向数组的最后位置加一个新元素,可以用 pop 方法 D.unshift 方法用于向数组删除第一个元素 3、以下代码运行的结果是输出( ) var a = b = 10; (function(){ var a=b=20 })(); (b); A.10 B.20 C.报错 D.undefined

4、以下代码运行后的结果是输出( ) var a=[1, 2, 3]; ()); A.123 B.1,2,3 C.1 2 3 D.[1,2,3] 5、在 JS 中,’1555’+3 的运行结果是( ) A.1558 B.1552 C.15553 D.1553 6、以下代码运行后弹出的结果是( ) var a = 888; ++a; alert(a++); A.888 B.889 C.890 D.891 7、关于变量的命名规则,下列说法正确的是() A.首字符必须是大写或小写的字母,下划线(_)或美元符($)B.除首字母的字符可以是字母,数字,下划线或美元符 C.变量名称不能是保留字 D.长度是任意的 E.区分大小写

8、下列的哪一个表达式将返回值为假() A.!(3<=1) B.(4>=4)&&(5<=2) C.(“a”==“a”)&&(“c”!=“d”) D.(2<3)||(3<2) 9、下面代码,k的运行结果是() var i = 0,j = 0; for(;i<10,j<6;i++,j++){ k = i + j; } A.16 B.10 C.6 D.12 10、var x = 1; function fn(n){n = n+1}; y = fn(x); y 的值为()A.2 B.1 C.3 D.undefined 11、[1,2,3,4].join("0").split("") 的执行结果是() A."1,2,3,4" B.[1,2,3,4] C.[“1”,“0”,“2”,“0”,“3”,“0”,“4”] D."1,0,2,0,3,0,4"

Vue.js基础知识汇总

Vue.js 专注于MVVM 模型的ViewModel 层。它通过双向数据绑定把View 层和Model 层连接了起来。Vue.js和其他库相比是一个小而美的库,作者的主要目的是通过一个尽量简单的API 产生可反映的数据绑定和可组合的视图组件,感觉作者的思路非常清晰。 介绍 vue.js 是用来构建web应用接口的一个库 技术上,Vue.js 重点集中在MVVM模式的ViewModel层,它连接视图和数据绑定模型通过两种方式。实际的DOM操作和输出格式被抽象的方式到指令(Directives)和过滤器(Filters) 在哲学领域内,尽量让MVVM数据绑定API尽可能简单。模块化和可组合性也是重要的设计考虑。vue不是一个全面的框架,它被设计成简单的和灵活的。你可以用它快速原型,或混合和匹配与其他库定义前端堆栈。 Vue。js的API是参考了AngularJS、KnockoutJS Ractive.js Rivets.js。尽管有相似之处,我相信Vue.js提供一个有价值能够让你在现在的一些现有框架中舍取其价值即使你已经熟悉其中的一些术语,建议您通过以下概念的概述,因为你的这些术语的概念可能在Vue.js的下文中有所不同 概念概述 ViewModel 一个对象,同步模型和视图. 在Vue.js中,ViewModels是实例化的Vue的构造器或者是它的子类 var vm = new Vue({ /* options */ }) 这是主要的对象,你会与作为开发人员在使用Vue.js交互。更多细节请参阅Class: Vue. View 用户看到的实际HTML / DOM vm.$el // The View 当使用Vue.js时候,除了自己自定义的指令你几乎不会触碰到DOM的操作,当数据更新后视图的更新将会自动的触发,视图的更新可以很精确的到每一个testNode节点,他们也批处理和异步执行从而提供更好的性能。 Model 这是一个略微修改的Javascript对象 vm.$data // The Model 在Vue.js中,模型只是简单的Javascript对象,数据对象,你能够操控他们的属性和视图模型,观察他们的从而能获取通知后更改。Vue.js在data对象胡总用ES5的getter/setter 把属性转化了,它允许直接操作而不需要脏检查。 data对象在适当的时候会产生突变,所以修改它与通过引用修改vm.$data是一样的效果。这也方便了多个ViewModel实例观察同一块数据。 技术细节请看Instantiation Options: data. Directives 私有的HTML属性是告诉Vue.js做一些关于DOM的处理 <div v-text="message"></div> 这里的div元素有一个v-text的指令,值是message.意思是告诉Vue.js 保持这个div节点的内容与viewMode中的message属性同步 指令可以封装任意DOM操作。例如v-attr 操作一个属性元素,v-repeat克隆基于数组的

Javascript考试题目选择题

复习题 一、选择题 1、写“Hello World”的正确javascript语法是?(A) A. document.write("Hello World") B. "Hello World" C. response.write("Hello World") D. ("Hello World") 2、JS特性不包括( D ) A.解释性 B.用于客户端 C.基于对象 D.面向对象 3、下列JS的判断语句中( )是正确的(A) A.if(i==0) B.if(i=0) C.if i==0 then D.if i=0 then 4、下列JavaScript的循环语句中( )是正确的( D ) A.if(i<10;i++) B.for(i=0;i<10) C.for i=1 to 10 D.for(i=0;i<=10;i++) 5、下列的哪一个表达式将返回假( B ) A.!(3<=1) B.(4>=4)&&(5<=2) C.(“a”==”a”)&&(“c”!=”d”) D.(2<3)||(3<2) 6、下列选项中,( )不是网页中的事件(D) A.onclick B.onmouseover C.onsubmit D.onpressbutton 7、有语句“var x=0;while(____) x+=2;”,要使while循环体执行10次,空白处的循环判定式应写为:( C ) A.x<10 B. x<=10 C.x<20 D.x<=20 8、JS语句( B ) var a1=10; var a2=20; alert(“a1+a2=”+a1+a2) 将显示( )结果 A.a1+a2=30 B.a1+a2=1020 C.a1+a2=a1+a2 9、将字串s中的所有字母变为小写字母的方法是( B) A.s.toSmallCase() B.s.toLowerCase() C.s.toUpperCase() D.s.toUpperChars() 10、以下( )表达式产生一个0~7之间(含0,7)的随机整数. ( C ) A.Math.floor(Math.random()*6) B.Math.floor(Math.random()*7) C.Math. floor(Math.random()*8) D.Math.ceil(Math.random()*8) 11、产生当前日期的方法是( C ) A.Now(); B.Date() C.new Date() D.new Now() 12、如果想在网页显示后,动态地改变网页的标题( C ) A.是不可能的 B.通过document.write(“新的标题内容”) C. 通过document.title=(“新的标题内容”) D. 通过document.changeTitle(“新的标题内容”) 13、某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称

js基础测试题

一、选择题(每题 2 分,多选题错选、少选不得分) 1、分析下段代码输出结果是() var arr = [2,3,4,5,6]; var sum =0; for(var i=1;i < arr.length;i++) { sum +=arr[i] } console.log(sum); A.20 B.18 C.14 D.12 2、以下关于Array 数组对象的说法不正确的是() A.对数组里数据的排序可以用sort 函数,如果排序效果非预期,可以给sort 函数加一个排序函数的参数 B.reverse 用于对数组数据的倒序排列 C.向数组的最后位置加一个新元素,可以用pop 方法 D.unshift 方法用于向数组删除第一个元素

3、以下代码运行的结果是输出( ) var a = b = 10; (function(){ var a=b=20 })(); console.log(b); A.10 B.20 C.报错D.undefined 4、以下代码运行后的结果是输出( ) var a=[1, 2, 3]; console.log(a.join()); A.123 B.1,2,3 C.1 2 3 D.[1,2,3] 5、在JS 中,’1555 ’+3 的运行结果是( )

A.1558 B.1552 C.15553 D.1553 6、以下代码运行后弹出的结果是( ) var a = 888; ++a; alert(a++); A.888 B.889 C.890 D.891 7、关于变量的命名规则,下列说法正确的是() A.首字符必须是大写或小写的字母,下划线(_)或美元符($ )B.除首字母的字符可以是字母,数字,下划线或美元符 C.变量名称不能是保留字 D.长度是任意的 E.区分大小写

JavaScript图形实例:蝴蝶结图案

JavaScript图形实例:蝴蝶结图案 1.长短瓣相间的蝴蝶结 设定曲线的坐标方程为: b=r*(1+cos(n*θ)/4)*(1+sin(2*n*θ)); x1=b*cos(θ); x2=b*cos(θ+π/8); y1=b*Math.sin(θ); y2=b*Math.sin(θ+π/8); (0≤θ≤2π,2≤n≤5) 在0~2π区间中从θ=0开始,每隔π/360按曲线方程求得两个点的坐标值(x1,y1)和(x2,y2),并将求得的两点连成一条线段,这样,可以得到一个长短瓣相间的蝴蝶结图案。 编写如下的HTML代码。 长短瓣相间的蝴蝶结 B. C. D.

javascript基础练习题

基础练习题 一、简单Java程序调试 1)以下哪个是Java应用程序main方法的有效定义? A. public static void main(); B. public static void main( String args ); C. public static void main( String args[] ); D. public static void main( Graphics g ); E. public static boolean main( String a[] ); 2) 编译和运行以下代码的结果为: public class MyMain{ public static void main(String argv){ System.out.println("Hello cruel world"); } } A.编译错误; B.运行输出"Hello cruel world"; C.编译无错,但运行时指示没有定义构造方法。 D.编译无错,但运行时指示没有正确定义main方法。 3)下列选项中不属于Java虚拟机的执行特点的一项是: A.异常处理B.多线程C.动态链接D.简单易学 4)不属于Java语言特点的一项是: A.分布式 B. 安全性 C. 编译执行 D.面向对象 5)以下程序的运行结果为: public class Test{ public static void main(String argv[ ]){ System.out.println("x="+5); } } A. 5 B. x=5 C. "x="+5 D. "x="5 6) 以下程序的运行结果为: public class Test{ public static void main(String argv[ ]){ System.out.println("good"+"morning"); } } A. goodmorning B. "good"+"morning" C. good morning D. good+morning 二、Java符号与表达式 1) 现有一个int类型的整数和一个double类型的数进行加法运算,则得到的结果类型为: A.int类型 B. double类型 C. float类型 D. long类型 2)下面程序段的输出结果是:

《HTML CSS JavaScript网页制作案例教程》_教学大纲讲解

《HTML+CSS+JavaScript网页制作案例教程》课程教学大纲 (课程英文名称) 课程编号:201509210011 学分:5学分 学时:64学时(其中:讲课学时:45 上机学时: 19 ) 先修课程:计算机基础、计算机网络、计算机应用 后续课程:UI设计、 JavaScript网页特效 适用专业:信息及其计算机相关专业 开课部门:计算机系 一、课程的性质与目标 《HTML+CSS+JavaScript网页制作案例教程)》是面向计算机相关专业的一门专业基础课,涉及网页基础、HTML标记、CSS样式、网页布局、JavaScript 编程基础与事件处理等内容。通过本课程的学习,学生能够了解HTML、CSS及JavaScript语言的发展历史及未来方向,熟悉网页制作流程、掌握常见的网页布局效果、学会制作各种企业、门户、电商类网站。 二、课程的主要内容及基本要求 第一章网页那点事(2学时) [知识点] 认识网页 常见的互联网专业术语 Web标准 HTML简介 CSS简介 JavaScript简介 常用浏览器介绍 Dreamweaver 工具的使用

使用Dreamweaver创建第一个页面 [重点] Web标准 Dreamweaver工具的使用 [难点] Web标准 Dreamweaver工具创建第一个页面 [基本要求] 了解Web标准,明确HTML、CSS及JavaScript在其中的作用。 熟悉Dreamweaver工具的基本操作,能使用Dreamweaver创建简单的网页。第二章从零开始构建HTML页面(4学时) [相关案例] 【案例1】简单的网页: 【案例2】新闻页面: 【案例3】图文混排: [知识点] HTML文档基本格式

javascript考试试题库2

Javascript综合复习题 【提示:本综合复习题的目的是让同学们多见识各种题目。选择题、填空题以及程序阅读题可以仔细做,对于程序实现和简答题建议先理解再记忆,切记死背答案。】 第一部分:单选题 1. Javascript中, 以下哪条语句一定会产生运行错误?答案( B ) A、var _变量=NaN; B、var 0bj = []; C、var obj = //; D、var obj = {}; 2. 以下两个变量a和b,a+b的哪个结果是NaN?答案( C ) A、var a=undefind; b=NaN B、var a= ‘123’; b=NaN C、var a =undefined , b =NaN D、var a=NaN , b='undefined' 3. var a=10; b=20; c=4; ++b+c+a++ 以下哪个结果是正确的?答案( B ) A、34 B、35 C、36 D、37 4. Javascript中, 以下代码运行后变量y的值是:答案( D ) var x = [‘abcde’ , 123456]; var y = typeof typeof x[1]; A、"function" B、"object" C、"number" D、"string" 5. Javascript中, 以下那两个变量的值不是==:答案( B ) A、var a=0 , b=-0; B、var a=NaN , b=NaN; C、var a=null , b=undefined; D、var a=[] , b=false; 6. Javascript中, 以下声明变量语句中哪个不正确?答案( D ) A、var aa; B、var bb=3; cc='good'; C、var dd = ee = 100; D、var ff=3, gg='he's good'; 7. Javascript中, foo对象有att属性,那么以下获取att属性值的表达式哪个是错误的?答案( C ) A、foo.att B、foo["att"] C、foo{"att"} D、foo["a"+"t"+"t"] 8. Javascript中, 以下代码运行后变量y的值是:答案( B ) var x = [typeof x, typeof y][1]; var y = typeof typeof x; A、"number" B、"string" C、"undefined"