第1题：JS中关闭当前的窗口的方法是：_____。
答案：window.close();
第2题：js中使字符串中的字符变为小写的方法是：_______。
答案：toLowerCase方法；
第3题：在js中，让浏览器弹出确认框的语句是：_______。
答案：confirm；例如：window.confirm("我就是确认框");运行结果是浏览器弹出信息确认框，点击确定，返回true，反之返回false。
第4题：把 7.25 四舍五入为最接近的整数的方式是：________？
答案：Math.round()；例如：round() 方法的定义是把一个数字舍入为最接近的整数。Math.round(7.25)结果为7，Math.round(7.75)结果为8.
第5题：在html5中，实现输入框占位符的属性是：_______?
答案：placeholder属性；它提供可描述输入字段预期值的提示信息，该提示会在输入字段为空时显示，并会在字段获得焦点时消失。
第6题：在css3中，能够实现背景裁剪的新特性是：_____?
答案：background-clip。background-clip 属性规定背景的绘制区域。它对应的值有3个：border-box（背景被裁剪到边框盒） 、padding-box （背景被裁剪到内边距框） content-box（背景被裁剪到内容框）。
第7题：在html5的新特性中，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法，结合JavaScript实现绘制图像的元素是_______?
答案：canvas；注意：canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成。
第8题：javascript语句，var a=10,b=20; alert(“a+b=”+a+b);执行结果是在浏览器窗口弹出：_______?
答案： 在js中，字符串与数字相加，数字会被强制转成字符串类型，在进行相加，也就是变成两个字符串的链接，所以结果是字符串“a+b=”+“10”+“20”= “a+b=1020”。
第9题：javascript习题，var a=5,b=6;alert(a+b+”10″); 执行结果是在浏览器窗口弹出：________?
答案：1110；与第8期不同的是，本题中先进行的是数字5与数字6的相加操作，等到的结果是11，再进行数字11与字符串“11”的相加，此时数字11会被转换成字符串“11”再进行两个字符串的连接，所以结果是1110。
第10题：在html5新特性中，用于定义文档页脚的标签是：________?
答案：<footer>。<footer> 标签定义document 的页脚。
第11题：在css3中，实现给元素添加圆角边框的属性是：________?
答案：border-radius属性；border-radius属性十分常用，让过去要切图才能实现圆角边框，现在只要一句css代码即可实现，并且对浏览器兼容性也很友好。
第12题：JavaScript由3部分组成，分别是：ECMAScript，BOM和________?
答案：DOM；文档对象模型(DOM)描述了处理网页内容的方法和接口。
第13题：在jquery中，实现动画的函数是：_______?
答案：animate()函数；animate() 方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。
第14题：在css中，能够使文本水平居中的css属性是：________?
答案：text-align属性，当其值为center的时候，文本内容就会水平居中；它的值还有可能是：left（居左），right（居右），justify（实现两端对齐文本效果），inherit（继承父元素的text-align属性值）。
第15题：在html中的a标签中，实现在新窗口中打开链接的标签属性是：_______?
答案：target属性。当它的值为_blank的时候就会实现在新窗口中打开，它的值还可以是：_self（当前窗口中打开），_parent(父frame中打开），_top（整个窗口中打开）。
第16题：var a=999; a++; alert(++a); 请问执行后弹出的结果是：_______?
答案：1001；执行a++后的结果是1000，然后执行++a，得到的结果是1001，再执行alert()函数，所以弹出的结果是1001。
第17题：与16期的代码稍有不同，请仔细阅读，var a=888; ++a; alert(a++); 运行后弹出的结果是:______？
答案：889，执行到++a后的结果是889，alert(a++)的时候，先执行弹出，再执行a++，所以弹出的是889，而不是900。
第18题：在img标签中，当图像加载失败，会用替换文本来显示相关信息，那么，定义替换文本的属性是：_______?
答案：alt属性，用来为图像定义一串预备的可替换的文本。替换文本属性的值是用户定义的。
第19题：在CSS3中，实现文本阴影效果的新属性是：______?
答案：text-shadow；我们能够规定水平阴影、垂直阴影、模糊距离，以及阴影的颜色。
第20题：在html标签中，定义最小的标题的是：______?
答案：<h6>标签。<h1> 定义最大的标题。<h6> 定义最小的标题。
第21题：用于播放 HTML5 音频文件的元素是：_____?
答案：<audio>元素，还可以通过它的属性，来控制音频的自动播放，循环播放，暂停等操作。
第22题：var a; alert(a); 执行后弹出的结果是：_____?
答案：undefined。如果变量通过var声明，但是并未初始化的时候，变量的值为undefined。
第23题：在jquery中，想要移除指定的DOM节点元素，使用的方法是：______?
答案：remove()函数，该方法移除被选元素，包括所有文本和子节点。
第24题：在ECMAScript6中，定义一个变量只在所处的代码块起作用的关键字是：_____?
答案： 关键字let，ES6 新增了 let 命令，用来声明变量。它的用法类似于 var，但是所声明的变量，只在 let 命令所在的代码块内有效。
第25题：console.log(typeof null); 运行的结果是在控制台输出：______?
答案：输出object；在javascript中，null值表示一个空对象指针，而这正是使用typeof操作符检测null值时会返回“object”的原因。
第26题：console.log(typeof “3”); 运行的结果是在控制套输出：______?
答案：”string”，因为”3″就是一个字符串String类型。
第27题：与26期稍有不同，仔细阅读，console.log(typeof +’3′); 运行结果是：_____?
答案：“number”，数字在字符串之前存在数字中的正负号(+/-)时，会被转换成数字。
第28题：在 HTML5 中，哪个元素用于组合标题元素？
答案：<hgroup>元素，用于对网页或区段的标题进行组合。
第29题：在HTML5中，哪个属性用于规定输入字段是必填的？
答案：required属性， 属性规定必需在提交之前填写输入字段。如果使用该属性，则字段是必填的。
第30题：哪种输入类型定义滑块控件？
答案：range，定义带有 slider 控件的数字字段。
第31题：在html5中，实现元素可拖动的标签属性是：______?
答案：draggable属性，为了使元素可拖动，可以把 draggable 属性设置为 true。
第32题：在html5中，实现本地存储，且存储数据不受时间限制的方式是：______?
答案：localStorage存储，使用localStorage可以简单地记录当前客户端用户对网站的访问次数。
第33题：在html5中，用于定义页面内容之外的内容标签是：_____?
答案：<aside>标签，定义其所处内容之外的内容，aside 的内容应该与附近的内容相关。比如：可用作文章的侧栏。
第34题：在html5中，用于描述文档或文档某个部分的细节的新标签是：______？
答案：<details>标签，不过，目前只有chrome和safari浏览器支持此元素。
第35题：在CSS3中，可以规定背景图片的定位区域的属性是：_____?
答案：background-origin属性，它的值可以是： content-box、padding-box 或 border-box 。
第36题：单词太长的话就超出某个区域，在CSS3中，实现文本强制文本进行换行的属性是：______?
答案：word-wrap属性，当它的值等于break-word的时候，就可以实现文本强制换行，可以对单个单词进行拆分。
第37题：在CSS中，用于定义单词间距的属性是：_____?
答案：word-spacing属性，它可以增加或减少单词间的空白。
第38题：在CSS中，规定文本段落首行的缩进的属性是：_____?
答案：text-indent属性，如果要实现首行空两个字符的话，text-indent:2em即可。
第39题：在js中，’1555’+3的运行结果是：______?
答案：15553，字符串与数字相加，数字会被转换成字符串，最后变成两个字符串拼接。
第40题：在javascript中，’1205′-3的运行结果是：______?
答案：1202。字符串与数字相减，字符串会被转换成数字再相减，等到的结果是1202。
第41题：在js中，if( [ ] instanceof Array) { alert(‘yes’) } else { alert(‘no’) } 的运行结果是弹出：______?
答案：“yes“，通过字面量方式创建的数组对象是属于Array类的一个实例，所以返回true。故弹出”yes“。
第42题：与41期稍有不同，仔细阅读，if( [ ] instanceof Object ){ alert(‘hello’); } else { alert(‘world’) }; 运行后结果是弹出：____?
答案：弹出”hello“，之所以[ ] instanceof Object返回true，是因为Array是object的子类。
第43题：console.log(‘hello’+(1<2)?"world":"me"); 运行后的结果是在控制台输出：____?
答案：输出world，因为+操作符的优先级高于三元操作符，执行顺序分别是：（1<2）得到 true，然后"hello"+true = "hellotrue",最后进行三元操作符，得到”world“。
第44题：在html5中，用于定义导航链接的新元素是：_____?
答案：<nav>标签，它是 HTML 5 中的新标签。定义导航链接的部分。
第45题：在HTML5 Geolocation API ，实现获取用户位置的方法是:_____?
答案：getCurrentPosition()方法，注意：鉴于该特性可能侵犯用户的隐私，除非用户同意，否则用户位置信息是不可用的。
第46题：在html5中，input元素用于定义数值的输入与的属性是：_____?
答案：number类型，number 类型用于应该包含数值的输入域，您还能够设定对所接受的数字的限定。
第47题：在html5中，定义选取时间（小时和分钟）的类型是：_____?
答案：time类型。type=”time”，现在大部分浏览器都支持此属性值。
第48题：在html5中，input元素中定义邮件的输入域类型的是：_____?
答案：email类型。在提交表单时，会自动验证 email 域的值。
第49题： var a = [33, 2, 123]; console.log(a.sort());运行后输出的结果是：_____？
答案：[123, 2, 33]，当不带参数调用sort()时，数组元素以字母表顺序排序输出。
第50题：var a = [1, 2, 3]; console.log(a.join());运行后的结果是输出：_____?
答案：1,2,3；数组的操作方法join是用来将数组中所有元素都转化为字符串并连接在一起，返回最后生成的字符串的。不指定分隔符，默认的是逗号分隔。所以是：1,2,3。
转载请注明：Rockyxia Web技术博客 » 前端练习习题与答案解析（1-50题）
感谢阅读，如果您发现文章中有表述不准确，欢迎提出来，也欢迎交流相关问题，你可以去这里进行一对一问答交流。