吴鹏
----------------------------------------------------
用js实现简单的文本框内容是否为空的案例:
一,对于每个需要判断的文本框元素,在其标签内分别定义不同的id值;
二,在需要检测的表单的<form>便签里边使用onsubmit="return 函数名",这个属性根据返回的true或者false来决定表单是否提交;
三,在<head></head>里面写<script></script>,之间定义一个函数,该函数的内容为
1 获取不同id值的对象的数值内容,
2 对数值内容进行判断,判断是否为空,
3 若数值为空,则使用alert()弹出提示,并且返回false,
4 因返回的数值为false,所以表单无法提交;
5 注意,对于邮箱地址,不光判断是否为空,还需判断是否是正确的邮箱格式,
可以使用字符串对象的match()或者正则表达式的test()方法来进行判断,形如:
邮箱地址.match(邮箱地址的正则表达式)
邮箱的正则表达式.test(邮箱地址)
6 对于密码,还需比较两次输入的内容是否相等;
----------------------------------------------------
循环显示图片的实现:
一,定义一个事件:因要求图片每隔一段时间后就改变,所以使用window.onload = function(),内部方法使用window.setInterval("",毫秒数值),
该方法为每隔毫秒数值,循环某个对象;
二,定义一个函数:定义一个改变图片的函数,函数名使用changeImg();
三,获取控制权:使用变量接收要改变图片的元素,
四,对文件进行修改:因要实现图片的自动改变,因此使用一个变量,用变量i关联文件名,
同时变量i在每次循环后都进行累加,判断当超过图片上限的数值后,重置变量i,使其从第一张开始重新输出;
---------------------------------------------------
实现图片显示及经过固定时间后隐藏:
对于这个要求,可以定义一个<div></div>块,将图片内容放在div块里,直接显示或隐藏div块;
一,div标签内先定义id=adDiv,再用style属性的display的none方法,隐藏div块,
二,
var time;
var time1;
window.onload = function() {
time = window.setInterval("show()",2000);
clearInterval()方法需要接收一个返回值,用来确定是哪个对象要调用这个方法,在这里使用全局变量time接收;
}
function show() {
var adDiv = document.getElementbyId("adDiv");获取到图片块对象
adDiv.style.display="block";对图片进行设置,使图片显示出来
window.clearInterval(time);根据返回值,将给定time返回值的setInterval清除;
time1 = window.setInterval("hide()",3000);调用hide()函数,将图片进行隐藏,使用变量time1接收此方法的返回值;
}
function hide() {
var adDiv = document.getElementbyId("adDiv");
adDiv.style.display="none";
window.clearInterval(time1);根据上面的time1返回值,结束hide()循环;
|
