《前端模拟试题(javascript)（2020年8月整理）.pptx》由会员分享，可在线阅读，更多相关《前端模拟试题(javascript)（2020年8月整理）.pptx（20页珍藏版）》请在金锄头文库上搜索。
1、一 寸 光 阴 不 可 轻,JavaScript 模拟试题 一、单选题 我们可以在下列哪个 HTML 元素中放置 Javascript 代码？ 写 Hello World 的正确 Javascript 语法是？ (Hello World) Hello World response.write(Hello World) document.write(Hello World) 插入 Javacript 的正确位置是？ 部分 部分 部分和 部分均可 引用名为 xxx.js 的外部脚本的正确语法是？ 外部脚本必须包含 标签吗？ 是 否 如何在警告框中写入 Hello World？ alertBox=H
2、ello World msgBox(Hello World) alert(Hello World) alertBox(Hello World) 如何创建函数？ function:myFunction() function myFunction() function=myFunction() 8.如何调用名为 myFunction 的函数？,1,2,一 寸 光 阴 不 可 轻 call function myFunction call myFunction() myFunction() 如何编写当 i 等于 5 时执行一些语句的条件语句？ if (i=5) if i=5 then if i=5
3、if i=5 then 如何编写当 i 不等于 5 时执行一些语句的条件语句？ if =! 5 then if 5 if (i 5) if (i != 5) 在 JavaScript 中，有多少种不同类型的循环？ 两种。for 循环和 while 循环。 四种。for 循环、while 循环、do.while 循环以及 loop.until 循环。 一种。for 循环。 12. for 循环如何开始？ A.for (i /This is a comment 可插入多行注释的 JavaScript 语法是？ /*This comment has more than one line*/ /Thi
4、s comment has more than one line/ 定义 JavaScript 数组的正确方法是？ var txt = new Array=George,John,Thomas var txt = new Array(1:George,2:John,3:Thomas) var txt = new Array(George,John,Thomas) var txt = new Array:1=(George)2=(John)3=(Thomas) 16. 如何把 7.25 四舍五入为最接近的整数？,3,一 寸 光 阴 不 可 轻 A.round(7.25) B.rnd(7.25)
5、Math.rnd(7.25) Math.round(7.25) 如何求得 2 和 4 中最大的数？ Math.ceil(2,4) Math.max(2,4) ceil(2,4) top(2,4) 打开名为 window2 的新窗口的 JavaScript 语法是？ open.new(,window2) new.window(,window2) new(,window2) window.open(,window2) 如何在浏览器的状态栏放入一条消息？ statusbar = put your message here window.status = put your message here w
6、indow.status(put your message here) status(put your message here) 如何获得客户端浏览器的名称？ client.navName navigator.appName browser.name 建立 JavaScript 函数库的目的是（A） 减少重复编程 统一编程风格 节省装载 JavaScript 函数的时间 以上都是 使用 JavaScript 识别浏览器时，应尽量使用（B）。 浏览器信息对象的方法 浏览器功能识别的方法 以上两者结合的方法 使用 window.open 制作弹出窗口时，控制弹出窗口的位置（A）。 可以 不可以
7、24. 使 用 JavaScript控制事件冒泡（A）。,4,一 寸 光 阴 不 可 轻,可以 不可以 JavaScript 函数 window.setTimeout(countDown();,1000);表示（D）。 每隔 1 分种调用 countDown 函数 每隔 1 秒种调用 countDown 函数 1 分种后调用 countDown 函数 1 秒种后调用countDown 函数 26. 当表单中的“提交”按钮被图片代替后，并且图片还具备“提交”按钮同样的功能，该如 何编写这样的表单提交？（A） 在图片上添加onClick 事件 在图片上添加onSubmit 事件 在事件中手动提交
8、在事件中自动提交 27. 能够返回键盘上的按键所对应字符的事件是（B） onKeyDown onKeyPress onKeyUp onMouseOver 28. 要动态改变层中的内容可以使用下列哪些方法？（A） 利用层的 innerHTML 改变内容 利用层的 innerText 改变内容 可以通过设置层的隐藏和显示来实现 可以通过设置层的样式属性的 display 属性来实现 29. 制作级联菜单功能时调用的是下拉列表框的（B）事件。 onClick onChange selected D.onBlur 60. 在 JavaScript 中Array 对象拥有的方法不包括（B） sort()
9、数组排序 length()计算数组长度 concat()数组合并 reverse()数组元素反转 30. 以下哪条语句会产生运行错误：（A）,5,一 寸 光 阴 不 可 轻 以下哪个单词不属于 javascript 保留字：（B） with parent class void 32. 请选择结果为真的表达式：（C）,instanceofObject,null null= null= NaN=,undefined undefined NaN,二、多选题 请选择对 javascript 理解有误的：(ABCD) JScript 是 javascript 的简称 javascript 是网景公司开发
10、的一种 Java 脚本语言，其目的是为了简化 Java 的开发难度 FireFox 和 IE 存在大量兼容性问题的主要原因在于他们对 javascript 的支持不同上 AJAX 技术一定要使用 javascript 技术 foo 对象有 att 属性，那么获取 att 属性的值，以下哪些做法是可以的：（ACE） foo.att foo(“att”) foo“att” foo“att” E. foo“a”+”t”+”t” 在不指定特殊属性的情况下，哪几种 HTML 标签可以手动输入文本：（AB） A. ,INPUT INPUT,type=”text”/ type=”hidden”/,D. 以下
11、哪些是 javascript 的全局函数：（ABC） escape parseFloat eval setTimeout alert 关于 IFrame 表述正确的有：(ABCD) 通过 IFrame，网页可以嵌入其他网页内容，并可以动态更改 在相同域名下，内嵌的 IFrame 可以获取外层网页的对象,6,一 寸 光 阴 不 可 轻 在相同域名下，外层网页脚本可以获取 IFrame 网页内的对象 可以通过脚本调整 IFrame 的大小 关于表格表述正确的有：（ABCDE） 表格中可以包含TBODY 元素 表格中可以包含CAPTION 元素 表格中可以包含多个TBODY 元素 表格中可以包含CO
12、LGROUP 元素 表格中可以包含COL 元素 关于 IE 的 window 对象表述正确的有：（ACD） window.opener 属性本身就是指向 window 对象 window.reload()方法可以用来刷新当前页面 window.location=”a.html”和 window.location.href=”a.html”的作用都是把当前页面替换成 a.html 页面 定义了全局变量g；可以用 window.g 的方式来存取该变量 三、程序题： 如何获取表单域的选择部分的文本？ 参考答案： 1 2 3 function _sel(obj) alert(显示文本： + obj.o
13、ptionsobj.selectedIndex.text); alert(值： + obj.optionsobj.selectedIndex.value); 在 JavaScript 中定时调用函数 foo() 如何写？ 参考答案： function foo() alert(aaaa); a = setTimeout(foo(),100); foo();,7,一 寸 光 阴 不 可 轻 8：你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?经常遇到的 浏览器的兼容性有哪些？怎么会出现？解决方法是什么？ 点评：css 的兼容性也是大家关注的热点。大家一定要注意多测试。Javascript
14、 多浏览器兼容性问题及解决方案 兼容性处理要点 1、DOCTYPE 影响 CSS 处理 2、FF: 设置 padding 后， div 会增加 height 和 width， 但 IE 不会， 故 需要用 !important 多设一个 height 和 width 3、FF: 支持 !important， IE 则忽略， 可用 !important 为 FF 特别设置样 式 4、div 的垂直居中问题: vertical-align:middle; 将行距增加到和整个 DIV 一样高 line-height:200px; 然后插入文字，就垂直居中了。缺点是要控制内容 不要换行 5、在 moz
15、illa firefox 和 IE 中的 BOX 模型解释不一致导致相差 2px 解决方法： divmargin:30px!important;margin:28px; 注意这两个 margin 的顺序一定不能写反，!important 这个属性 IE 不能识别， 但别的浏览器可以识别。所以在 IE 下其实解释成这样： divmaring:30px;margin:28px 重复定义的话按照最后一个来执行，所以不可以只写 margin:XXpx!important; 浏览器差异 1、ul 和 ol 列表缩进问题 消除 ul、ol 等列表的缩进时，样式应写成： list-style:none;ma
16、rgin:0px;padding:0px; 其中 margin 属性对 IE 有效，padding 属性对 FireFox 有效。 注 经验证，在 IE 中，设置 margin:0px 可以去除列表的上下左右缩进、空白 以及列表编号或圆点，设置 padding 对样式没有影响；在 Firefox 中，设置 margin:0px 仅仅可以去除上下的空白，设置 padding:0px 后仅仅可以去掉左右 缩进，还必须设置 list- style:none 才 能去除列表编号或圆点。也就是说，在 IE 中仅仅设置 margin:0px 即可达到最终效果，而在 Firefox 中必须同时设置 margin:0px、 padding:0px 以及 list-style:none 三项才能达到最终效果。 2、CSS 透明问题,8,一 寸 光 阴 不 可 轻 IE： filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 FF：opacity:0.6。 注 最好两个都写，并将 opac
