下载文档原格式
![JavaScript练习题[精选]](https://img.taocdn.com/s1/m/af8eae48814d2b160b4e767f5acfa1c7aa0082ef.png)
第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.createElementB.getElementByIdC.getElementByNameD.forms.length2.分析下面这段代码运行的结果（）01<body>02<script language=”JavaScript”>03document.writeln(“文档最后修改于”+stModified);04var lastModObj=new Date(document. lastModified);05alert(lastModObj.getMinutes());06</script>07</body>A.弹出一个对象框B.没有任何输出C.在文档中显示文档最后修改的时间D.在对话框中显示文档最后修改的时间3.下列属性中表示文档中的未访问过的超链接的颜色是哪个（）A.linkColor属性B.vlinkColor属性C.alinkColor属性D.以上都不是4.分析下面这段代码运行的结果（）01<script language=”JavaScript”>02with(document)03{04writeln(“最后一次修改时间：” +stModified+”<br>”);05writeln(“标题：” +document.title+”<br>”);06writeln(“URL：” +document.URL+”<br>”);07}08</script>A.只输出最后一次修改的时间B.只输出文档的标题C.输出文档的标题、最后一次修改时间和当前的URLD.什么也不输出5.分析下面这个程序运行的结果（）<script language=”JavaScript”>01var str=”字符串”02with(document)03{04writeln(“<b>您好，</b>”);05write(“欢迎光临本网页！” +”<br>”);06writeln(“<p><b>在js标签之间，”);07writeln(str+”可以写在这里</b></p>”>;08}09</script>A.会有”<br>”这样的字符输出B.第6行输出字符后会换行C.最后页面会出错D.会有乱码出现三、编程题1、写一程序实现图片自动随机切换。
js练习题编程在互联网时代，JavaScript（简称为JS）已经成为了一门重要的编程语言。
它广泛用于网页开发、应用程序开发以及移动应用开发等领域。
为了提高自己的编程技能，掌握JS语言是不可或缺的。
为此，我为大家整理了一些JS练习题，希望能够帮助大家更好地巩固JS编程知识。
一、基础题1. 编写一个JS函数，实现两个数相加并返回结果。
2. 编写一个JS函数，判断一个数是否为偶数，并返回true或false。
3. 编写一个JS函数，实现对一个数组进行排序，并返回排序后的数组。
4. 编写一个JS函数，计算一个数组中所有元素的平均值，并返回结果。
二、中级题5. 编写一个JS函数，实现对一个字符串进行逆序输出，并返回逆序后的字符串。
6. 编写一个JS函数，实现对一个数组中的负数进行求和，并返回结果。
7. 编写一个JS函数，统计一个字符串中某个字符出现的次数，并返回次数。
8. 编写一个JS函数，将一个二维数组转化为一维数组，并返回结果。
三、高级题9. 编写一个JS函数，从一个数组中过滤出所有的奇数，并返回结果。
10. 编写一个JS函数，判断一个字符串是否为回文，即正序和逆序相同，并返回true或false。
11. 编写一个JS函数，实现对一个对象数组按照某个属性进行排序，并返回排序后的数组。
12. 编写一个JS函数，将一个字符串中的字母全部转换为大写，并返回结果。
以上是一些适用于不同难度层次的JS练习题。
通过不断地解答这些题目，我们可以加深对JS编程语言的理解，提高编程能力。
当然，这只是一个起点，要想真正掌握JS，还需要不断学习和实践。
希望大家能够积极参与到JS编程的练习中，不断提升自己的技术水平。
祝大家编程愉快！。
JS练习题JS练习题.............................................................................................................................................一、选择题.........................................................................................................................................二、不定项选择题.............................................................................................................................三、填空.............................................................................................................................................四、判断.............................................................................................................................................五、阅读程序写结果.........................................................................................................................六、程序题.........................................................................................................................................七、设计题.........................................................................................................................................一、选择题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 thenD.if i=0 then4、下列JavaScript的循环语句中( )是正确的A.if(i<10;i++)B.for(i=0;i<10)C.for i=1 to 10D.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.onclickB.onmouseoverC.onsubmitD.onpressbutton7、有语句“var x=0;while(____) x+=2;”，要使while循环体执行10次，空白处的循环判定式应写为：（）A．x<10 B. x<=10 C.x<20 D.x<=208、JS语句var a1=10;var a2=20;alert(“a1+a2=”+a1+a2)将显示( )结果A.a1+a2=30B.a1+a2=1020C.a1+a2=a1+a29、将字串s中的所有字母变为小写字母的方法是（）10、以下( )表达式产生一个0~7之间(含0,7)的随机整数.C.Math. floor(Math.random()*8)11、产生当前日期的方法是（）A.Now();B.Date()C.new Date()D.new Now()12、如果想在网页显示后,动态地改变网页的标题（）A.是不可能的B.通过document.write(“新的标题内容”)C. 通过document.title=(“新的标题内容”)D. 通过document.changeTitle(“新的标题内容”)13、某网页中有一个窗体对象,其名称是mainForm,该窗体对象的第一个元素是按钮,其名称是myButton,表述该按钮对象的方法是（）D.以上都可以14、HTML文档的树状结构中，（）标签为文档的根节点，位于结构中的最顶层。
js数组的⼏个练习题 第⼀次在博客园写⽂章，之前⼀直⾃⼰做记录。
现在前端⼯作两年了，对前端整体技术有较清晰的了解。
项⽬⽤了vue,react之类的写，如今打算从基础开始，慢慢深⼊了解原⽣的JS.这⼏天清明节，玩的嗨⽪，最后⼀次开始赶作业（我规定⾃⼰每天⾄少⼀个Js题，在⽹上随机找的。
*~*） 今天主要是重写了数组的remove(),concat()⽅法以及查找数组中对应元素。
下⾯做⼀个简单分享： 1.重写remove()⽅法，返回新数组 function remove(arr, item) { var arry=[] for(var i=0;i<arr.length;i++){ if(arr[i]!=item){ arry.push(arr[i]) } } return arry } 2.移除数组 arr 中的所有值与 item 相等的元素，直接在给定的 arr 数组上进⾏操作，并将结果返回 function removeWithoutCopy(arr, item) { for(var i=0;i<arr.length;i++){ if(arr[i]==item){ arr.splice(i,1); i--; arr.length--; } } return arr } 注：这⾥要i--;arr.length--;是因为在给定的数组中操作的。
splice每次移除都会改变arr的长度。
3.在数组 arr 末尾添加元素 item。
不要直接修改数组 arr，结果返回新的数组 function append(arr, item) { Array.prototype.clone=function(){ return this.slice(0) } var arry=arr.clone(); arry.push(item); return arry } 注：这⾥我特意给数组的原型加了⼀个克隆⽅法是⽅法初学者理解。
js事件练习题JavaScript 事件练习题一、题目描述编写一个 JavaScript 程序，实现以下功能：1. 当页面加载完成后，输入框自动获取焦点。
2. 当用户在输入框内按下回车键时，控制台输出输入的文本内容。
3. 当用户点击页面其他位置时，控制台输出提示信息"请在输入框内按下回车键"。
二、解题思路1. 获取页面中的输入框元素，并使用 JavaScript 绑定 load 事件，确保页面加载完成后执行相关的操作。
2. 在 load 事件的回调函数中，使用 JavaScript 获取输入框元素，并调用 focus() 方法，使其自动获取焦点。
3. 给输入框元素绑定 keyup 事件，当用户在输入框内按下键盘键时触发该事件。
4. 在 keyup 事件的回调函数中，判断按下的键是否为回车键，如果是，则获取输入框的值，并将其输出到控制台。
5. 给页面绑定click 事件，当用户点击页面其他位置时触发该事件。
6. 在 click 事件的回调函数中，判断用户点击的目标元素是否为输入框，如果不是，则输出提示信息到控制台。
三、代码实现```javascript// 页面加载完成后执行操作window.addEventListener('load', function() {// 获取输入框元素var inputBox = document.querySelector('#inputBox');// 输入框自动获取焦点inputBox.focus();// 键盘按下事件inputBox.addEventListener('keyup', function(event) {// 判断按下的键是否为回车键if (event.keyCode === 13) {// 获取输入框的值var inputValue = inputBox.value;// 输出到控制台console.log(inputValue);}});// 页面点击事件document.addEventListener('click', function(event) {// 判断点击的目标元素是否为输入框if (event.target !== inputBox) {// 输出提示信息到控制台console.log('请在输入框内按下回车键');}});});```四、实现效果通过以上 JavaScript 代码的实现，我们可以达到以下效果：1. 页面加载完成后，输入框自动获取焦点。
js算法练习题JavaScript算法练习题在学习JavaScript编程语言的过程中，算法练习题是不可或缺的一部分。
通过解决这些问题，我们可以提高我们的编程技巧和思维能力。
本文将介绍一些常见的JavaScript算法练习题，并给出相应的解决方案。
1. 反转字符串题目：给定一个字符串，要求将其反转输出。
解决方案：可以使用JavaScript中的split()方法将字符串转换为数组，然后使用reverse()方法反转数组的顺序，最后使用join()方法将数组转换回字符串。
```javascriptfunction reverseString(str) {return str.split("").reverse().join("");}console.log(reverseString("Hello World")); // 输出: dlroW olleH```2. 计算阶乘题目：给定一个正整数n，计算其阶乘n!的值。
解决方案：可以使用递归的方式来计算阶乘。
当n为1时，阶乘的值为1；否则，阶乘的值等于n乘以(n-1)的阶乘。
```javascriptfunction factorial(n) {if (n === 1) {return 1;} else {return n * factorial(n - 1);}}console.log(factorial(5)); // 输出: 120```3. 判断回文字符串题目：给定一个字符串，判断它是否是回文字符串（正读和反读都相同）。
解决方案：可以使用JavaScript中的split()方法将字符串转换为数组，然后使用reverse()方法反转数组的顺序，最后使用join()方法将数组转换回字符串。
最后，将原始字符串与反转后的字符串进行比较。
```javascriptfunction isPalindrome(str) {var reversedStr = str.split("").reverse().join("");return str === reversedStr;}console.log(isPalindrome("racecar")); // 输出: trueconsole.log(isPalindrome("hello")); // 输出: false```4. 查找最大值和最小值题目：给定一个数组，找出其中的最大值和最小值。
js入门练习题JavaScript（简称为JS）是一种用于网页开发的脚本语言，被广泛应用于前端开发中。
学习JS的入门阶段，练习题是提高编程技能和理解语法的重要方法。
本文将为您介绍一些JS入门练习题，帮助您锻炼编码能力。
练习一：Hello, World!编写一个简单的JS程序，输出字符串"Hello, World!"。
解答：```javascriptconsole.log("Hello, World!");```解析：这是JS中最经典的练习题，用于检验开发环境的配置和脚本语言的基本运行情况。
使用`console.log()`函数可以将括号内的字符串输出到浏览器的控制台。
练习二：变量声明与赋值声明一个名为`name`的变量，并将您的姓名赋值给它，然后将其打印出来。
解答：```javascriptlet name = "John Doe";console.log(name);```解析：在JS中，可以使用`let`关键字来声明变量。
将字符串"John Doe"赋值给`name`变量后，使用`console.log()`函数将其输出到控制台。
练习三：字符串拼接创建两个变量`firstName`和`lastName`，分别存储您的名字和姓氏。
然后，将它们拼接成一个完整的名字，并输出到控制台。
解答：```javascriptlet firstName = "John";let lastName = "Doe";let fullName = firstName + " " + lastName;console.log(fullName);```解析：通过使用`+`运算符以及空格来连接`firstName`和`lastName`两个变量，形成完整的姓名。
练习四：计算器功能编写一个简单的计算器程序，要求用户输入两个数字和一个操作符（+、-、*、/），然后根据操作符计算并输出结果。
js里if练习题在JavaScript中，条件语句是一种常用的编程工具，其中if语句是最为基础和常见的一种形式。
if语句允许我们根据特定条件的真假来执行不同的代码块。
下面将介绍一些if语句的练习题，以帮助你熟练运用JavaScript中的条件语句。
题目一：判断数字的正负编写一个函数，接受一个数字作为参数，并判断该数字是正数、负数还是零。
如果数字大于0，函数应输出"正数"；如果数字小于0，函数应输出"负数"；如果数字等于0，函数应输出"零"。
```javascriptfunction checkNumber(num) {if (num > 0) {return "正数";} else if (num < 0) {return "负数";} else {return "零";}}console.log(checkNumber(5)); // 输出：正数console.log(checkNumber(-3)); // 输出：负数console.log(checkNumber(0)); // 输出：零```题目二：判断成绩等级编写一个函数，接受一个学生的成绩作为参数，并根据以下规则判断其等级：- 90分以上：输出"A"- 80分以上：输出"B"- 70分以上：输出"C"- 60分以上：输出"D"- 60分以下：输出"E"```javascriptfunction checkGrade(score) {if (score >= 90) {return "A";} else if (score >= 80) {return "B";} else if (score >= 70) {return "C";} else if (score >= 60) {return "D";} else {return "E";}}console.log(checkGrade(95)); // 输出：Aconsole.log(checkGrade(85)); // 输出：Bconsole.log(checkGrade(75)); // 输出：Cconsole.log(checkGrade(65)); // 输出：Dconsole.log(checkGrade(55)); // 输出：E```题目三：判断闰年编写一个函数，接受一个年份作为参数，并判断该年份是否为闰年。
JS事件练习题1、点击按钮连续弹窗5次<div class="noe"><div class="noe1" onClick="n()">循环5次弹窗</div></div>function n(){var i= 0;while(i<=5){i++;alert("这是第"+i+"次弹出");}}2、批量修改样式（⽤for，固定元素个数）<div class="noe"><div class="noe1" onClick="n()">循环5次弹窗</div></div><div class="noe"><div class="noe1" onClick="nn()">批量修改样式</div><div class="nn"></div><div class="nn"></div><div class="nn"></div></div>function nn(){var nn = document.getElementsByClassName("nn"); //找到nn集合for(var i = 0;i<=nn.length;i++){ //在循环⾥挨个拿出设置样式nn[i].style.backgroundColor= 'yellow';}} 3、⿏标经过变换内容<div class="zai"><div class="jj">提交后在这⾥显⽰:</div></div><div class="zai1" onMouseOver="z(this)">栏⽬1</div><div class="zai1" onMouseOver="z(this)">栏⽬2</div><div class="zai1" onMouseOver="z(this)">栏⽬3</div><div class="zai1" onMouseOver="z(this)">栏⽬4</div><div class="za" ></div>function z(z){var za = document.getElementsByClassName("za")[0];za.innerHTML=""; //等于每次循环把值都清空⼀次for(var i = 0;i<=3;i++){za.innerHTML += z.innerHTML+"的内容<br>";}}4、全选、不选、反选1 <div class="noe">2 <input type="checkbox" name="" value="" id="" class="x">3 <input type="checkbox" name="" value="" id="" class="x">4 <input type="checkbox" name="" value="" id="" class="x">5 <input type="checkbox" name="" value="" id="" class="x">6 <input type="checkbox" name="" value="" id="" class="x">7 <br>8 <input type="button" name="" value="全选" id="" onClick="o()" class="e">9 <input type="button" name="" value="反选" id="" class="e" onClick="ee()">10 <input type="button" name="" value="不选" id="" onClick="op()" class="e">11 </div>1213for(var i = 0;i<x.length;i++){14if(x[i].checked ){ //设置反选15 x[i].checked = false;16 }else{17 x[i].checked = true;18 }19 }20 }21function o(){ //正选22var x = document.getElementsByClassName("x");23for(var i = 0;i<=x.length;i++){24 x[i].checked = 'checked';25 }26 }27function op(){ //不选28var x = document.getElementsByClassName("x");29for(var i = 0;i<=x.length;i++){30 x[i].checked = false;31 }32 }335、<div class="zai"><input type="text" name="" id="inn" value=""><div class="zai1" onClick="ti()">提交</div></div><div class="zai"><div id="ti1">提交后显⽰在这⾥：</div></div>function ti(){//找到input的集合，再找到ti1的集合，ti1这个div的innerHTML = 汉字+inn.value的值 var inn = document.getElementById("inn");var ti1 = document.getElementById("ti1");ti1.innerHTML = '提交后在这⾥显⽰：'+inn.value;}6、<div class="zai"><input type="text" name="" id="" value="" class="innn"><div id="p" >+</div><input type="text" name="" id="" value="" class="innn"><div class="zai1" onClick="jia()">提交</div></div><div class="zai"><div class="j">提交后在这⾥显⽰:</div></div>function jia(){var inn1 = document.getElementsByClassName("innn")[0];var inn2 = document.getElementsByClassName("innn")[1];var j = document.getElementsByClassName("j")[0];j.innerHTML = '提交后在这⾥显⽰'+inn1.value+inn2.value;}。
//了解javascript
1.Web前端开发工程师需要掌握几门课程，开发前端页面动画效果的程序语言是（ B ）（1分）
A、CSS
B、JavaScript
C、XHTML
D、HTML
2. 节点（元素，标签）属于JavaScript中的哪个组成部分（ B ）（1分）
A、ECMAScript
B、DOM
C、BOM
D、Jscript
3. JavaScript是Web前端开发工程师必须掌握的技能之一，它用来描述页面的（ D ）（1分）
A、内容
B、样式（css）
C、结构 (html)
D、行为( javascript)
4. 以下哪个不是JavaScript实现的组成部分（ D ）（1分）
A、ECMAScript
B、DOM
C、BOM
D、Jscript
// js连接
5. 有关载入外部js文件的描述正确的有：（ BD ）（2分）
A、不可以载入本站以外的*.js文件
B、载入文件方式的好处是可以让你只管理一份代码，而不用在代码改变时编辑每个HTML文件
C、在HTML中，通过<script>标签的href属性载入外部*.js文件
D、在HTML中，通过<script>标签的src属性载入外部*.js文件
6. 以下在页面里加载当前路径中外部文件script.js写法正确的是（ BCD ）（2分）
A、<link href="script.js" />
B、<script src="script.js"></script>
C、<script language=”javascript” src="script.js"></script>
D、<script type="text/javascript" src="script.js"></script>
7. 在HTML中，通过<script>标签的src属性载入外部*.js文件。
以下关于src属性方式的使用特点描述正确的有：（ AB ）（2分）
A、可以把大块JavaScript代码从HTML文件中删除，这有助于保持内容和行为的分离，从而简化HTML文件。
B、如果多个Web页面公用相同的JavaScript代码，用src属性可以让你只管理一份代码，而不用在代码改变时编辑每个HTML文件。
C、src属性的值不可以使用由另一个Web服务器输出的代码（绝对路径）。
D、一个JavaScript代码文件不能由多个页面共享。
8. 以下在页面里加载当前路径中外部文件jQuery.js写法正确的是（ AB ）（2分）
A、<script type="text/javascript" src="jQuery.js"></script>
B、<script src="jQuery.js"></script>
C、<link href="jQuery.js" />
D、<script src="jQuery.js">
（重复）
9. 以下在页面里加载当前路径中外部文件jQuery.js写法正确的是（ AB ）（2分）
A、<script type="text/javascript" src="jQuery.js"></script>
B、<script src="jQuery.js"></script>
C、<link href="jQuery.js" />
D、<script src="jQuery.js">
10. 有关载入外部js文件的描述正确的有：（ AB ）（2分）
A、可以载入本站以外(如)的*.js文件
B、载入文件方式的好处是可以让你只管理一份代码，而不用在代码改变时编辑每个HTML文件
C、在HTML中，通过<link>标签的href属性载入外部*.js文件
D、在HTML中，通过<script>标签的href属性载入外部*.js文件
11. 在HTML中，通过<script>标签的src属性载入外部*.js文件。
以下关于src属性方式的使用特点描述正确的有：（ AC ）（2分）
A、可以把大块JavaScript代码从HTML文件中删除，这有助于保持内容和行为的分离，从而简化HTML文件。
B、src属性的值不可以使用由另一个Web服务器输出的代码。
C、如果多个Web页面公用相同的JavaScript代码，用src属性可以让你只管理一份代码，而不用在代码改变时编辑每个HTML文件。
D、一个JavaScript代码文件不能由多个页面共享。
// JavaScript注释(掌握)
12. JavaScript注释支持单行注释和多行注释，多行注释符号起始和结尾分别是_/*_ 和 _*/_,单行注释符号是_ //__ （2分）
13. JavaScript用 _//_ 进行单行注释用 _ /* */__ 进行多行注释（2分）
14. JavaScript注释支持单行注释和多行注释，单行注释符号是_//__，多行注释符号起始和结尾分别是 __/*__ 和 __ */__ (2分)
15 JavaScript语句注释包含单行注释和多行注释，注释符号分别是__ /* */__和
__//__（2分）
(重复)
16. JavaScript语句注释包含单行注释和多行注释，注释符号分别是__//__和__/*
*/__（2分）
17. 在html中注释文本使用__<!-- -->__ ,在js 中可以通过 _//__ 注释单行文本，通过__/* */___注释多行文本（2分）
18. 在style样式中注释文本使用__/* */__ ,在js 中可以通过__ //__ 注释单行文本，通过 __/* */__ 注释多行文本（2分）
//变量的定义(了解)
19. 在JavaScript程序中，可以通过 _ var__ 关键字来定义变量。
（1分）
20. 在同一行内声明多个变量时，变量与变量之间用 __逗号 __隔开。
（1分）
21. 在JavaScript程序中，可以通过var关键字来定义多个变量。
假设i与sum是两个变量，请正确填写下面语句中的空白处符号：var i _ ，_ sum _；_（1分）
22. JavaScript定义变量使用 var 操作符（1分）
//变量的命名规范(掌握)
23. 以下JavaScript变量命名格式正确的是（ D ）（2分）
A、1205A
B、-1205A
C、*1205A
D、A1205
24. 以下变量命名格式正确的是（ C ）（2分）
A、while (循环)
B、58_com
C、_message5
D、switch（条件分支语句）
25. 以下ECMAScript变量命名格式正确的是（ B ）（2分）
A、125dollor
B、_dollor
C、-dollor
D、dollor-
26. 以下变量命名格式正确的是（ B ）（2分）
A、163cn
B、_age
C、false
D、switch
27. 以下变量命名格式正确的是（ B ）（2分）
A、21cn
B、_num
C、true
D、if(条件分支语句)
28. 以下JavaScript变量命名格式正确的是（ D ）（2分）
A、1200
B、-1205
C、+1205
D、$1205
29.以下ECMAScript变量命名格式错误的是（ C ）（2分）
A、A1207
B、_A1207
C、1207A
D、$A1207。
