WEB开发期末复习题

来源：网络收集时间：2026-09-02

导读： HTML+CSS 1、描述JS中的文档加载事件文档加载事件是onload，在整个文档中的页面源文件被加载完成之后触发。该事件非常常用，通常我们的一些初始化代码为了保证能够正确获取到页面元素都会写在该事件的事件处理函数中。 2、Javascript是什么？jQuery是什么？

HTML+CSS

1、描述JS中的文档加载事件

文档加载事件是onload，在整个文档中的页面源文件被加载完成之后触发。该事件非常常用，通常我们的一些初始化代码为了保证能够正确获取到页面元素都会写在该事件的事件处理函数中。

2、Javascript是什么？jQuery是什么？二者有什么关系？

Javascript是一种计算机客户端脚本语言

jQuery是一个JavaScript程序库

JavaScript是前端语言。jQuery是框架，对JavaScript进行封装，使其更方便使用。

3、有以下HTML结构，在不清楚页面前后内容的情况下，写出使用最保险的方法向span标记中添加一段文本内容的代码

<div><input type="text" id="username"

/><span></span></div>

document.getElementById(“username”).getElementsByTagName(“span”)[0].innerHTML=“添加的内容”;

4、有以下HTML结构，写出获取name值为“logo”的img元素节点对象的三种方式

（1）document.getElementsByTagName(“img”)[1]

（2）document.getElementsByName(“logo”)[0]

（3）document.getElementById(“logoContainer”). childNodes[0]

5、Javascript中对象属性访问，使用“.”运算符和“[ ]”运算符的区别是什么？什么情况下适用“.”运算符，什么情况下适用”[ ]”运算符？ .运算符后面的名称会被直接当作属性名称，而[ ]中出现的名称会被认为是变量而被解析成变量值。一般直接通过属性名访问时，使用.，但是如果变量名存在变量中的时候，必须使用[ ]来访问。

6、写出使用jQuery选择器获取下面这个input标签的至少三种方法？ <input id="btn" type="button" value="单击我" class="btn" />

（1）$(“input[type=’button’]”)

（2）$(“#btn”)

（3）$(“.btn”)

7、用JavaScript写出一个用来生成1到10的随机数的函数

HTML+CSS

var ran = Math.random()*9+1；

document.write( ran + "<br> ");

</script>

8、DOM节点对象和jQuery包装集对象之间如何相互转换？ DOM转换jQuery：使用$()把DOM对象包装。

jQuery转换DOM：使用数组下标来读取jQuery对象集合中的某个DOM元素对象。使用jQuery对象的get()方法。

1、实现电子相册

var i=0;

window.onload=function(){

var btn1=document.getElementById("begin");

var btn2=document.getElementById("stop");

btn1.onclick=function(){

interval=setInterval(function(){

i=(++i)%4

pic:src="beauty/"+(i+1)+".jpg";

},1000)

}

btn2.onclick=function(){

clearInterval(interval);

}

2、使用jQuery实现表单验证功能

$('form:input').blur(function()){

var $parent=$(this).parent();

$parent.find(".formtips").remove();

if($(this).is('#username')){

if(this.value.length<6||this.value>12){

var errorMsg='用户名长度必须为6~12个字符。';

HTML+CSS

$parent.append('<span class="formtips

onError">'+errorMsg+'</span>');

}

else{

var successMsg="";

$parent.append('<span class="formtips

onSuccess">'+successMsg+'</span>');

}

</script>

3、使用JavaScript实现表单验证功能

window.onload=function(){

var username=document.getElementById("username"); username.onblur=function(){

var span=stchild;

if(this.value.length<6||this.value.length>12){

span.innerHTML="错误";

}

else{

span.innerHTML="";

}

</script>

4、当页面加载完毕后，判断用户的浏览器，若用户浏览器是IE浏览器，则在页面中id为tip的标记中显示提示信息。

<head>

window.onload=function(){

var tip=document.getElementById("tip");

if(erAgent="MSIE"){

tip.innerHTML="建议使用......";

HTML+CSS

setInterval(function(){

tip.innerHTML="";

},2000)

}

</script>

</head>

<body>

</div>

</body>

5、利用jQuery实现多选框的全选，反选，全不选功能 <script type="text/javascript" src="jquery.js"></script> <script>

$(function(){

$('#btnAll').click(function(){

$('[name=check]:checkbox').attr('checked',true); });

$('#btnNo').click(function(){

$('[name=check]:checkbox').attr('checked',false); });

$('#btnInvert').click(function(){

$('[name=check]:checkbox').each(function(){ this.checked=!this.checked;

});

</script>

…… 此处隐藏：1171字，全部文档内容请下载后查看。喜欢就下载吧 ……

WEB开发期末复习题.doc 将本文的Word文档下载到电脑，方便复制、编辑、收藏和打印

下载这篇word文档

本文链接：https://www.jiaowen.net/wenku/266553.html（转载请注明文章来源）

上一篇：双氯芬酸钠滴眼液
下一篇：大前海的生活极中洲&183;中央公园