WEB开发期末复习题

更新时间：2023-05-14 02:49:01 阅读量：实用文档文档下载

说明：文章内容仅供预览，部分内容可能不全。下载后的文档，内容与下面显示的完全一致。下载之前请确认下面内容是否您想要的，是否完整无缺。

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>

本文来源：https://www.bwwdw.com/article/7f7e.html

相关文章：

正在阅读：

WEB开发期末复习题05-14

《列夫托尔斯泰》07-18

中国光纤无源器件行业市场前景分析预测年度报告（目录） - 图文04-09

中德装备制造业的优劣势分析及其启示_顾颖05-12

2017上半年教师资格考试高中数学面试真题及答案05-28

7.身份管理与认证项目常见问题解答 - V1.2 - 图文09-30

红楼文化09-29

经济法性质新论-精品文档资料03-03

北师大版四年级数学下册《买文具》的教学设计08-26

校园历史课本剧剧本《完璧归赵》02-09

上一篇：仓库管理规章制度及流程下一篇：IBM笔记本维修资料