最新消息:Rockyxia Web技术博客全新改版,响应式布局满足各种设备各种尺寸的访问需求。

前端练习习题与答案解析(1-50题)

我的知识库 rockyxia 3977浏览

第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-clipbackground-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题)
感谢阅读,如果您发现文章中有表述不准确,欢迎提出来,也欢迎交流相关问题,你可以去这里进行一对一问答交流。

(本篇完)