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)
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");
});
});
});
二、单选
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.https://www.doczj.com/doc/8116719842.html,
B.W3School
C.https://www.doczj.com/doc/8116719842.html,
D.https://www.doczj.com/doc/8116719842.html,
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.10px
B.20px
C.40px
D.30px
11. img标签中的alt属性的作用是c
A.表示图片的名称
B.无实际意义,可有可无
C.提供替代图片的信息,使屏幕阅读器能获取到关于图片的信息
D.等比缩放图片大小
12. 列表分为两类,一是无序列表,一是有序列表,以下哪个是无序列表?(A)
A.
B.
C.
D.
13. 下列哪些是格式良好的HTML?(B)
A.
A short paragraph
B.
A short paragraph
C.
A short paragraph
D.
A short paragraph
14. 在以下的HTML中,哪个是正确引用外部样式表的方法?(B)
A.
B.
C.
D.
15. 在HTML文档中,引用外部样式表的正确位置是?(D)
A:文档的末尾B:文档的顶部
C:
部分D:部分16. 我们可以在下列哪个HTML 元素中放置Javascript 代码?(A)
A.
B.
C.
D.
17. 如何在警告框中写入"Hello World"?(C)
A.alertBox="Hello World"
B.msgBox("Hello World")
C.alert("Hello World")
D.alertBox("Hello World")
18. js中如何编写当i 等于5 时执行一些语句的条件语句?(A)
A.if (i==5)
B.if i=5 then
C.if i=5
D.if i==5 then
19. 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 5
20. 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,$("div.intro") 能够选取的元素是?(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.xml
B.html
C.jsonp
D.json
2. 下面属于javascript基本数据类型的有?(ABCD)
A.字符串
B.数字
C.null
D.undefined
3. 下面有关html结构描述正确的有?(abd)
A.
B.
C.
D.
4. 以下是行内元素的有(AB)
A.span
B.input
C.ul
D.p
5. 下面有关javascript内部对象的描述,正确的有?(ABCD)
A.History 对象包含用户(在浏览器窗口中)访问过的 URL
B.Location 对象包含有关当前 URL 的信息
C.Window 对象表示浏览器中打开的窗口
D.Navigator 对象包含有关浏览器的信息
6. 嵌入在HTML文档中的图像格式可以是?(ACD)
A.*.gif
B.*.tif
C.*.png
D.*.jpg
7. 问一份标准的HTML文档有哪几个HTML标签?(ABCD)
A.
B.
C.
D.
8. 通过分析如下HTML代码,可以得出( AD )
A.该表格共有2行3列
B.该表格中的文字均居中显示
C.该表格的边框宽度为10毫米
D."员工号"单元个跨2列
四、判断题
1.外部脚本必须包含