🍀作者简介:在校大学生,为前端方向努力拼搏的一名追梦人。
🍁个人主页:亦世凡华、
🫒系列专栏:牛客前端宝典
🍂想要和博主一起学习前端或想巩固自己知识,可以点击链接:牛客网 推开自己的世界之门。
🏍️任性的要求我从来没提过,只想你能每天关注我。
🥥前言:
🏆编程就像我们平常做题一样,如果只是一味的学习不去做题的话所得到的效果微乎其微。因此我也是在网上寻找了很多题库但一直用的不舒心,直到找到了牛客,我才找到了学习做题的乐趣,不仅其能够很系统的将所学知识点梳理学习,也因其代码整洁题解清楚明了让人很快掌握知识。为此我是愿意和大家分享出来,一起学习。
今天我们讲解 ES5 类型的题库:点个关注我们继续走下去
函数
描述一:函数——参数对象
请补全JavaScript函数,要求返回它的参数伪数组对象。
返回参数是伪数组对象,我们想到了 arguments 的使用,除了这个还能用啥?可以用JS中的 Array.of() 方法。
this
描述二:this指向
请补全JavaScript函数,使obj对象中fn函数返回该对象中a属性和b属性的和。
从题目描述很容易看出调用对象中的属性可以通过this指向来调用,当然我们也可以用对象名点属性来调用,两者都可以。
WebAPI
描述三:JS动态创建节点
请补全JavaScript函数,根据参数数组创建li元素。
要求:
- li元素的个数和数组的长度一样
- li元素的内容是数组中的每个元素
- 将创建的所有li元素插入到ul中
可以通过遍历数组的方式,将创建的li标签赋值到ul标签上。
描述四:根据ID获取元素
请补全JavaScript函数,根据id获取html模块中ul标签下第二个li元素并返回。
根据题目所示是根据id获取li元素,并返回结果,那么直接通过id获取第二个li元素并返回结果。
JS获取DOM元素的方式有很多种,不熟悉的可以看下我的相关文章:获取DOM元素方式
描述五:JS修改元素内容
请补全JavaScript函数,**将类为"box"的div元素内容修改为"欢迎来到牛客网"**。
在JS中修改HTML元素的内容可以通过两种方式,一是:innerHTML;二是:innerText,而两者的区别可以看一下我的这篇文章的讲解:操作元素
绑定事件
描述六:阻止冒泡事件
请补全JavaScript函数,要求在点击li元素的时候不触发ul的事件。
注意:需要自行获取li元素。
根据题目所示通过点击事件阻止冒泡事件。
描述七: 阻止默认事件
请补全JavaScript函数,要求在点击id为"checkbox"的复选框时不会取消勾选状态。
注意:需要自行获取input元素。
阻止默认事件的方式有很多,可以借助 preventDefault() ,当然也可以使用其他方法。
操作地址栏
描述八:url地址
请补全JavaScript函数,实现一个函数返回页面当前url。
返回当前页面的 url 地址,可以直接返回本地的href即可。
综合练习
描述九:点击按钮隐藏元素
请补全JavaScript代码,实现一个盒子的关闭按钮功能。
要求:
- 使类为"btn"的div元素中心点定位在类为"box"的div元素右上顶点
- 使类为"btn"的div元素中内容"X"垂直水平居中
- 点击"X"按钮可以使类为"box"的div元素隐藏
这里需要借助 CSS的绝对定位和相对定位 的知识,前面的文章已经讲解过,主要是如何将box的盒子隐藏,在JS中借助** style.display=none **即可。
每次做完题提交成功的话都会弹框配带音乐鼓励你,我很庆幸,因为我找到了牛客。
个人总结:
今天题目就讲解到这,承接对上篇文章的内容对知识进一步加深学习,人的记忆可能会遗失,但人的潜力是无限的。每天刷题一次,对已学的知识不断巩固,这样的人是很容易成功的。牛客讲真的确是一个好的刷题网站,对于基础薄弱的人来说不亚于福音,如果认同我的话,就点击右边链接注册刷题吧🥑:牛客网
加油!!!未来伟大的前端工程师,可能就是你~~,点个关注一起加油!冲!
版权归原作者 亦世凡华、 所有, 如有侵权,请联系我们删除。