web前端开发课后习题汇总.docx

web前端开发课后习题汇总一、 简答题1. 简析cookie 和session 的区别： cookie安全性底，存在客户端，大小只有4K，有限制； session安全性高，存在服务器端，对服务器压力大。2. 用javascript或jqurey实现用户登录验证的代码。1) 要求设计出用户名、密码输入框（5分）2) 在正确的地方添加事件（2分）3) 正确定义js（或jquery）函数（2分）4) 判断用户名不能为空（2分）5) 判断密码不能为空（2分）6) 正确提示错误信息（2分）7) 8) 9) 欢迎进入注册页面 10) 11) function checkname() 12) var div = document.getElementById(div1); 13) div.innerHTML = ; 14) var name1 = document.form1.text1.value; 15) if (name1 = ) 16) div.innerHTML = 姓名不能为空！; document.form1.text1.focus(); return false; 17) return true; 18) 19) function checkpassword() 20) var div = document.getElementById(div2); div.innerHTML = ; 21) var password = document.form1.text2.value; if (password = ) 22) div.innerHTML = 密码不能为空！; document.form1.text2.focus(); return false; 23) return true; 24) 25) 26) 27) 28) 29) 30) 用户名：31) 32) 33) 34) 35) 36) 37) 38) 密码： 39) 40) 41) 42) 43) 44) 45) 46) 47) 48) 49) 50) 51) 52) 3. null和undefined的区别？ null常用来描述“空值”，对null执行typeof运算，返回字符串“object”。undefined是预定义的全局变量，它的值就是“未定义”，用typeof运算符得到undefined类型，返回undefined。变量没有初始化时是undefined，函数没有返回值，返回undefined补全下面的代码：$(document)._ready_(function() $(#hide).click(function() $(p)._ hide _ ();/点击隐藏，会隐藏此项。 ); $(#show).click(function() $(p)._show_ (); );$(button).click(function() $(p)._ css_(background-color,red); ););如果点击“隐藏”按钮，我就会消失。点击可以改变颜色隐藏显示 4. 补全下面的代码(10分)：$(document)._ready_ (function() $(button).click(function() $._ post _ (demo_test_post , name:Donald Duck, city:Duckburg , function(_data_,status) alert(数据： + data + n状态： + status); ); );$(#button).click(function() $(p)._ css_(background-color,red); );););向页面发送 HTTP POST 请求，并获得返回的结果点击可以改变颜色 二、 单选1. 在下列的 HTML 中，哪个是最大的标题？（D）A. B. C. D. 2. 在下列的 HTML 中，哪个可以产生复选框？（C）A. B. C. D. 窗体底端3. 在下列的 HTML 中，哪个可以产生下拉列表？（D）A. B. C. D. 窗体底端4. 请选择可以使单元格中的内容进行左对齐的正确 HTML 标签：（A）A. B. C. D. 窗体底端5. 在下列的 HTML 中，哪个可以产生超链接？（B）A. W3SB. W3SchoolC. D. W3S窗体底端6. 下面哪一个标符可以产生一个表行？（C）A. B. C. D. （：表示一条横线 :可插入一个简单的换行符 产生一个表行）7. meta标签可以出现在 () 中（A）8. 可以仅仅把“首页”二字设置为白色的样式是（C）首页关于A. .menu a color:#fff;B. li a color:#fff;C. .menu .home color:#fff;D. div.menu li a color:#fff;9. 在css选择器当中，优先级排序正确的是 （B）A. id选择器标签选择器类选择器B. id选择器类选择器标签选择器C. 类选择器标签选择器id选择器D. 标签选择器类选择器id选择器9页面有一个按钮button id为 button1，通过原生的js 设置背景色为红色？正确答案: B.A. document.getElementById(button1).style.backgroundColor=red;B. document.getElementById(button1).style.backgroundcolor=red;C. document.getElementById(button1).style.backGroundColor=red;D. document.getElementById(button1).style.bgcolor=red;10. CSS样式，边距：10px 20px 40px 30px；哪一个是底边距？（C）A. 10pxB. 20pxC. 40pxD. 30px11. img标签中的alt属性的作用是 cA. 表示图片的名称B. 无实际意义，可有可无C. 提供替代图片的信息，使屏幕阅读器能获取到关于图片的信息D. 等比缩放图片大小12. 列表分为两类，一是无序列表，一是有序列表，以下哪个是无序列表？（A）A. B. C. D. 13. 下列哪些是格式良好的HTML？（B）A. A short paragraphB. A short paragraphC. A short paragraphD. A short paragraph14. 在以下的HTML中，哪个是正确引用外部样式表的方法？（B）A. B. C. mystyle.cssD. mystyle.css15. 在HTML文档中，引用外部样式表的正确位置是？（D）A：文档的末尾B：文档的顶部C：部分D：部分16. 我们可以在下列哪个 HTML 元素中放置 Javascript 代码？（A）A. B. C. D. 17. 如何在警告框中写入 Hello World？（C）A. alertBox=Hello WorldB. msgBox(Hello World)C. alert(Hello World)D. alertBox(Hello World)18. js中如何编写当 i 等于 5 时执行一些语句的条件语句？（A）A. if (i=5)B. if i=5 thenC. if i=5D. if i=5 then19. js中for 循环如何开始？（B）A. for (i = 5; i+)B. for (i = 0; i = 5; i+)C. for (i = 0; i = 5)D. for i = 1 to 520. jQuery 的简写是？（B）A. ? 符号B. $ 符号C. % 符号D. &符号21. 把所有 p 元素的背景色设置为红色的正确 jQuery 代码是？（C）A. $(p).manipulate(background-color,red);B. $(p).layout(background-color,red);C. $(p).style(background-color,red);D. $(p).css(background-color,red);22. 通过 jQuery，$(ro) 能够选取的元素是？（C）A. class=intro 的首个 div 元素B. id=intro 的首个 div 元素C. class=intro 的所有 div 元素D. id=intro 的所有 div 元素23. 下面哪个 jQuery 方法用于隐藏被选元素？（B）A. hidden()B. hide()C. display(none)D. visible(false)24. 下面哪个 jQuery 方法用于执行异步 HTTP 请求？（A）A. jQuery.ajax()B. jQuery.ajaxAsync()C. jQuery.ajaxSetup()D. jQuery.postGet()25. 下面哪个 jQuery 函数用于在文档结束加载之前阻止代码运行？（A）$(document).ready()$(document).load()$(body).onload()$(body).ready()26. $(div#intro .head) 选择器选取哪些元素？（B）A. id=intro 或 class=head 的所有 div 元素B. class=intro 的任何 div 元素中的首个 id=head 的元素C. id=intro 的首个 div 元素中的 class=head 的所有元素D. id=intro 的首个head 元素中的 class=div 的所有元素窗体底端窗体底端窗体底端窗体底端窗体底端窗体底端窗体底端窗体底端三、 多选1. jquery ajax中都支持哪些数据类型？（ABCD） A.xmlB.htmlC.jsonpD.json2. 下面属于javascript基本数据类型的有？ （ABCD）A. 字符串B. 数字C. nullD. undefined3. 下面有关html结构描述正确的有？ （abd）A. B. C. D. 4. 以下是行内元素的有（ AB）A. spanB. inputC. ulD. p 5. 下面有关javascript内部对象的描述，正确的有？（ABCD） A. History 对象包含用户（在浏览器窗口中）访问过的 URLB. Location 对象包含有关当前 URL 的信息C. Window 对象表示浏览器中打开的窗口D. Navigator 对象包含有关浏览器的信息6. 嵌入在HTML文档中的图像格式可以是？（ACD） A. *.gifB. *.tifC. *.pngD. *.jpg7. 问一份标准的HTML文档有哪几个HTML标签？（ABCD） A. B. C. D. 8. 通过分析如下HTML代码，可以得出( AD )A. 该表格共有2行3列B. 该表格中的文字均居中显示C. 该表格的边框宽度为10毫米D. 员工号单元个跨2列四、 判断题1. 外部脚本必须包含 标签。 错 2. jQuery 是 JSON 库。 错 3. 通过 jQuery，选择器 $(div) 选取首个 div 元素 错 4. 可以将 jQuery 与 AJAX 一起使用 对 5. jQuery html() 方法适用于 HTML 和 XML 文档 错 6. post传递数据时能在浏览器中显示所传输的信息类容。 对 7. 谷歌浏览器全名为google brower 运用webkit内核。 错 8. 我们一般在浏览器调试时按F12刷新窗口，用F5打开调试界面 错9. BackBone是一款优秀的CSS样式框架。 对 10. js中alert表示弹出一个提示框，可以点击确定和取消两个按钮。错11. 通过 jQuery，向下遍历 DOM 树时通过$(div).children();能得到下一级元素（对 ）12. 通过$(p).style(background-color:yellow);可以将段落设置成黄色（ 对）13. 通过 $(#div1).remove()只能清除被选元素的子元素; （ 错 ）14. 当鼠标从元素上移开时，jQuery使用.mouseout事件。（对 ）15. #ff0000在html中可以表示红色。（错 ）16. 样式的优先级为内联样式大于内部样式大于外部样式。（对 ）17. 在Html5中可以通过video标签来完成视频的引入。（错）18. localStorage 方法存储的数据没有时间限制。第二天、第二周或下一年之后，数据依然可用。（对 ）19. 我们在设计Html5页面时不用考虑其兼容性，因为所有的浏览器现在都支持Html5。（错 ）五、 填空题 1、 目前常用