用JavaScript验证密码是否相同
前端密码的正则表达式

前端密码的正则表达式密码是我们在日常生活中使用最频繁的安全要素之一。
在前端开发中,我们常常需要验证用户输入的密码是否符合一定的规则。
而正则表达式是一个强大的工具,可以帮助我们进行复杂的、精确的密码验证。
本文将介绍一些常用的前端密码正则表达式,并给出相关示例。
1. 密码长度要求密码的长度通常是一个基本的要求。
我们可以使用正则表达式来验证密码的最小长度和最大长度。
示例:```javascript// 密码长度至少为6位var regex = /^.{6,}$/;// 密码长度在6到12位之间var regex = /^.{6,12}$/;```2. 包含数字和字母为了增加密码的复杂度,常常需要要求密码包含数字和字母。
我们可以使用正则表达式来验证密码是否同时包含数字和字母。
示例:```javascript// 密码必须同时包含数字和字母var regex = /^(?=.*\d)(?=.*[a-zA-Z]).{6,}$/;```3. 特殊字符要求为了增加密码的安全性,我们还可以要求密码包含特殊字符。
正则表达式可以帮助我们验证密码中是否包含特定的特殊字符。
示例:```javascript// 密码必须包含至少一个特殊字符var regex = /^(?=.*[@#$%^&+=]).{6,}$/;```4. 其他要求根据实际需求,我们还可以对密码进行其他复杂度要求。
比如要求密码至少包含一个大写字母、一个小写字母和一个数字等。
示例:```javascript// 密码必须包含至少一个大写字母、一个小写字母和一个数字var regex = /^(?=.*[A-Z])(?=.*[a-z])(?=.*\d).{6,}$/;```5. 完整的密码验证表达式综合以上要求,我们可以得到一个相对完整的密码验证正则表达式。
示例:```javascript// 密码必须同时包含数字、字母和一个特殊字符,长度在6到12位之间var regex = /^(?=.*\d)(?=.*[a-zA-Z])(?=.*[@#$%^&+=]).{6,12}$/;```结论通过使用正则表达式,我们可以在前端验证用户输入的密码是否符合一定的要求。
js验证(全)

目录:1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制2.:js判断汉字、判断是否汉字、只能输入汉字3:js判断是否输入英文、只能输入英文4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字5:只能输入英文字符和数字6: js email验证、js 判断email 、信箱/邮箱格式验证7:js字符过滤,屏蔽关键字8:js密码验证、判断密码2.1: js 不为空、为空或不是对象、判断为空、判断不为空2.2:比较两个表单项的值是否相同2.3:表单只能为数字和”_”,2.4:表单项输入数值/长度限定2.5:中文/英文/数字/邮件地址合法性判断2.6:限定表单项不能输入的字符2.7表单的自符控制2.8:form文本域的通用校验函数1. 长度限制《script》function test(){if(document.a.b.value.length》50){alert(”不能超过50个字符!”);document.a.b.focus();return false;}}《/script》《form name=a onsubmit=”return test()”》《textarea name=”b” cols=”40″ wrap=”VIRTUAL” rows=”6″》《/textarea》《input type=”submit” name=”Submit” value=”check”》《/form》2. 只能是汉字《input onkeyup=”value=”/oblog/value.replace(/[^\u4E00-\u9FA5]/g,”)”》3.” 只能是英文《script language=javascript》function onlyEng(){if(!(event.keyCode》=65&&event.keyCode《=90))event.returnvalue=false;}《/script》《input onkeydown=”onlyEng();”》4. 只能是数字《script language=javascript》function onlyNum(){if(!((event.keyCode》=48&&event.keyCode《=57)wsws(event.keyCode》=96&&event.keyCode《=105)))//考虑小键盘上的数字键event.returnvalue=false;}《/script》《input onkeydown=”onlyNum();”》5. 只能是英文字符和数字《input onkeyup=”value=”/oblog/value.rep lace(/[\W]/g,””)“onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,”))”》6. 验证邮箱格式《SCRIPT LANGUAGE=javascript RUNAT=Server》function isEmail(strEmail) {if(strEmail.search(/^\w+((-\w+)ws(\.\w+))*\@[A-Za-z0-9]+((\.ws-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+ $/) != -1)return true;elsealert(”oh”);}《/SCRIPT》《input type=text onblur=isEmail(this.value)》7. 屏蔽关键字(这里屏蔽***和****)《script language=”javascript1.2″》function test() {if((a.b.value.indexOf (”***”) == 0)wsws(a.b.value.indexOf (”****”) == 0)){ alert(”:)”);a.b.focus();return false;}}《/script》《form name=a onsubmit=”return test()”》《input type=text name=b》《input type=”submit” name=”Submit” value=”check”》《/form》8. 两次输入密码是否相同《FORM METHOD=POST ACTION=”"》《input type=”password” id=”input1″》《input type=”password” id=”input2″》《input type=”button” value=”test” onclick=”check()”》《/FORM》《script》function check(){with(document.all){if(input1.value!=input2.value){alert(”false”)input1.value = “”;input2.va lue = “”;}else document.forms[0].submit();}}《/script》够了吧:)屏蔽右键很酷oncontextmenu=”return false” ondragstart=”return false” onselectstart=”return false”加在body中二2.1 表单项不能为空《script language=”javascript”》《!–function CheckForm(){if (.value.length == 0) {alert(”请输入您姓名!”);.focus();return false;}return true;}–》《/script》2.2 比较两个表单项的值是否相同《script language=”javascript”》《!–function CheckForm()if (document.form.PWD.value != document.form.PWD_Again.value) { alert(”您两次输入的密码不一样!请重新输入.”);document.ADDUser.PWD.focus();return false;}return true;}–》《/script》2.3 表单项只能为数字和”_”,用于电话/银行帐号验证上,可扩展到域名注册等《script language=”javascript”》《!–function isNumber(String){var Letters = ”1234567890-”; //可以自己增加可输入值var i;var c;if(String.charAt( 0 )==’-')return false;if( String.charAt( String.length - 1 ) == ’-’ )return false;for( i = 0; i 《 String.length; i ++ ){c = String.charAt( i );if (Letters.indexOf( c ) 《 0)return false;}return true;}function CheckForm(){if(! isNumber(document.form.TEL.value)) {alert(”您的电话号码不合法!”);document.form.TEL.focus();return false;}return true;}–》《/script》2.4 表单项输入数值/长度限定《script language=”javascript”》《!–function CheckForm(){if (document.form.count.value 》 100 wsws document.form.count.value 《 1) {alert(”输入数值不能小于零大于100!”);document.form.count.focus();return false;}if (document.form.MESSAGE.value.length《10){alert(”输入文字小于10!”);document.form.MESSAGE.focus(); return false;}return true;}//–》《/script》2.5 中文/英文/数字/邮件地址合法性判断《SCRIPT LANGUAGE=”javascript”》《!–function isEnglish(name) //英文值检测{if(name.length == 0)return false;for(i = 0; i 《 name.length; i++) { if(name.charCodeAt(i) 》 128)return false;}}function isChinese(name) //中文值检测{if(name.length == 0)return false;for(i = 0; i 《 name.length; i++) { if(name.charCodeAt(i) 》 128)return true;}return false;}function isMail(name) // E-mail值检测{if(! isEnglish(name))return false;i = name.indexOf(” at ”);j = name dot lastIndexOf(” at ”);if(i == -1)return false;if(i != j)if(i == name dot length)return false;return true;}function isNumber(name) //数值检测{if(name.length == 0)return false;for(i = 0; i 《 name.length; i++) {if(name.charAt(i) 《”0″ wsws name.charAt(i) 》”9″) return false;}return true;}function CheckForm(){if(! isMail(form.Email.value)) {alert(”您的电子邮件不合法!”);form.Email.focus();return false;if(! isEnglish(.value)) {alert(”英文名不合法!”);.focus();return false;}if(! isChinese(name.value)) {alert(”中文名不合法!”);name.focus();return false;}if(! isNumber(form.PublicZipCode.value)) { alert(”邮政编码不合法!”);form.PublicZipCode.focus();return false;}return true;}//–》《/SCRIPT》2.6 限定表单项不能输入的字符《script language=”javascript”》《!–function contain(str,charset)// 字符串包含测试函数{var i;for(i=0;i《charset.length;i++)if(str.indexOf(charset.charAt(i))》=0)return true;return false;}function CheckForm(){if ((contain(.value, ”%\(\)》《”)) wsws (contain(document.form.MESSAGE.value, ”%\(\)》《”))) {alert(”输入了非法字符”);.focus();return false;}return true;}//–》《/script》1. 检查一段字符串是否全由数字组成—————————————《script language=”Javascript”》《!–function checkNum(str){return str.match(/\D/)==null} alert(checkNum(”1232142141″))alert(checkNum(”123214214a1″))// –》《/script》2. 怎么判断是否是字符—————————————if (/[^\x00-\xff]/g.test(s)) alert(”含有汉字”);else alert(”全是字符”);3. 怎么判断是否含有汉字—————————————if (escape(str).indexOf(”%u”)!=-1) alert(”含有汉字”); else alert(”全是字符”);4. 邮箱格式验证—————————————//函数名:chkemail//功能介绍:检查是否为Email Address//参数说明:要检查的字符串//返回值:0:不是1:是function chkemail(a){ var i=a.length;var temp = a.indexOf(’@');var tempd = a.indexOf(’.');if (temp 》1) {if ((i-temp) 》3){if ((i-tempd)》0){return 1;}}}return 0;}5. 数字格式验证—————————————//函数名:fucCheckNUM//功能介绍:检查是否为数字//参数说明:要检查的数字//返回值:1为是数字,0为不是数字function fucCheckNUM(NUM){var i,j,strTemp;strTemp=”0123456789″;if ( NUM.length== 0)return 0for (i=0;i《NUM.length;i++){j=strTemp.indexOf(NUM.charAt(i)); if (j==-1){//说明有字符不是数字return 0;}}//说明是数字return 1;}6. 电话号码格式验证—————————————//函数名:fucCheckTEL//功能介绍:检查是否为电话号码//参数说明:要检查的字符串//返回值:1为是合法,0为不合法function fucCheckTEL(TEL){var i,j,strTemp;strTemp=”0123456789-()# “;for (i=0;i《TEL.length;i++){j=strTemp.indexOf(TEL.charAt(i)); if (j==-1){//说明有字符不合法return 0;}}//说明合法return 1;}7. 判断输入是否为中文的函数—————————————function ischinese(s){var ret=true;for(var i=0;i《s.length;i++)ret=ret && (s.charCodeAt(i)》=10000); return ret;}8. 综合的判断用户输入的合法性的函数—————————————《scr ipt language=”javascript”》//限制输入字符的位数开始//m是用户输入,n是要限制的位数function issmall(m,n){if ((m《n) && (m》0)){return(false);}else{return(true);}}9. 判断密码是否输入一致—————————————function issame(str1,str2){if (str1==str2){return(true);}else{return(false);}}10. 判断用户名是否为数字字母下滑线—————————————function notchinese(str){var reg=/[^A-Za-z0-9_]/gif (reg.test(str)){return (false);}else{return(true); }}2.8. form文本域的通用校验函数—————————————作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
js 密码复杂度验证 rules 正则表达式

如何正确使用正则表达式进行JavaScript密码复杂度验证在Web开发中,密码安全一直是一个重要的问题。
为了保护用户信息不受恶意攻击,我们需要对用户输入的密码进行验证。
JavaScript是前端开发中常用的编程语言,而正则表达式是一种强大的工具,可以用来进行密码复杂度验证。
本文将介绍如何正确使用正则表达式进行JavaScript密码复杂度验证。
1. 简介密码复杂度验证是指对用户输入的密码进行一定的规则验证,例如密码长度、包含数字、特殊字符等。
在JavaScript中,我们可以使用正则表达式来定义这些规则,并对用户输入的密码进行验证。
正则表达式是一个强大的模式匹配工具,可以帮助我们快速有效地验证密码复杂度。
2. 密码长度密码长度是密码复杂度验证的基本要求之一。
通常情况下,密码长度要求在8到16个字符之间,这些字符可以包括字母、数字和特殊字符。
我们可以使用正则表达式来定义密码长度的验证规则:```javascriptconst password = "your_password";const passwordLengthRegex = /^.{8,16}$/;if (passwordLengthRegex.test(password)) {console.log("密码长度符合要求");} else {console.log("密码长度不符合要求");}```在上面的代码中,我们使用^.{8,16}$来定义密码长度的验证规则,其中^表示行的开头,.{8,16}表示密码长度在8到16个字符之间,$表示行的结尾。
如果用户输入的密码符合这个规则,就会输出"密码长度符合要求",否则输出"密码长度不符合要求"。
3. 包含数字和字母除了密码长度外,密码复杂度验证通常还要求密码中包含数字和字母。
我们可以使用正则表达式来定义包含数字和字母的验证规则:```javascriptconst password = "your_password";const passwordNumberLetterRegex = /^(?=.*\d)(?=.*[a-zA-Z]).{8,16}$/;if (passwordNumberLetterRegex.test(password)) {console.log("密码包含数字和字母");} else {console.log("密码不包含数字和字母");}```在上面的代码中,我们使用^(?=.*\d)(?=.*[a-zA-Z]).{8,16}$来定义包含数字和字母的验证规则,其中(?=.*\d)表示必须包含数字,(?=.*[a-zA-Z])表示必须包含字母,.{8,16}表示密码长度在8到16个字符之间。
javaweb中验证用户名密码的正则表达式

让我们来探讨一下在JavaWeb开发中验证用户名密码的正则表达式的重要性和应用。
在Web开发中,用户输入的信息往往涉及到安全和准确性的问题,特别是在用户注册和登录时,用户名和密码的验证是至关重要的。
通过正则表达式来进行用户名密码的验证成为了一种常见且有效的方式。
1. 正则表达式在JavaWeb中的应用在JavaWeb开发中,正则表达式被广泛应用于验证用户输入的信息,以确保其符合特定的格式和要求。
特别是在输入用户名和密码时,我们常常需要对其进行格式、长度等方面的限制。
通过使用正则表达式,可以方便地检查用户输入的用户名和密码是否符合规范,并及时给予用户相应的提示,从而提升用户体验和系统安全性。
2. 用户名密码的正则表达式设计针对用户名和密码的验证,我们通常会针对以下要求设计正则表达式:- 用户名:通常包括字母、数字和下划线,长度在6-20位之间。
- 密码:要求包括字母、数字和特殊字符,长度在8-20位之间。
根据上述要求,我们可以设计如下的正则表达式:- 用户名:^[a-zA-Z0-9_]{6,20}$- 密码:^(?=.*[A-Za-z])(?=.*\d)(?=.*[@$!%*#?&])[A-Za-z\d@$!%*#?&]{8,20}$以上正则表达式分别对用户名和密码进行了格式和长度的验证,保证用户输入的信息符合要求。
3. 个人观点和理解在我看来,正则表达式作为一种强大的文本匹配工具,在JavaWeb开发中扮演着十分重要的角色。
通过合理设计和运用正则表达式,我们能够有效地对用户输入的信息进行验证和过滤,提高系统的安全性和稳定性。
正则表达式的灵活性和强大性也使得开发人员能够根据实际需求设计出符合特定场景的验证规则,进一步增强系统的可定制性和适用性。
总结回顾通过本文的介绍,我们深入探讨了在JavaWeb开发中验证用户名密码的正则表达式的重要性和应用,并提供了针对用户名和密码设计的正则表达式示例。
java密码校验正则

java密码校验正则
Java密码校验正则表达式通常用于验证用户输入的密码是否符
合特定的规则。
密码校验通常包括长度、包含字符类型等多个方面。
以下是一个示例的Java密码校验正则表达式:
java.
String passwordRegex = "^(?=.[0-9])(?=.[a-z])(?=.[A-Z])(?=.[@#$%^&+=])(?=\\S+$).{8,}$";
让我解释一下这个正则表达式的含义:
`^` 表示匹配输入的开始位置。
`(?=.[0-9])` 表示密码中至少包含一个数字。
`(?=.[a-z])` 表示密码中至少包含一个小写字母。
`(?=.[A-Z])` 表示密码中至少包含一个大写字母。
`(?=.[@#$%^&+=])` 表示密码中至少包含一个特殊字符。
`(?=\S+$)` 表示密码不包含空格。
`.{8,}` 表示密码长度至少为8个字符。
因此,该正则表达式要求密码必须包含数字、大小写字母、特殊字符,且长度至少为8个字符,且不包含空格。
当用户输入密码时,可以使用该正则表达式进行验证,以确保密码符合安全要求。
当密码不符合规则时,可以提示用户重新输入符合规则的密码。
当然,具体的密码规则可以根据实际需求进行调整,上述示例仅供参考。
希望这个回答能够帮助到你。
js判断两个文字字符串是否相等的方法

js判断两个文字字符串是否相等的方法在 JavaScript 中,判断两个文字字符串是否相等,可以通过以下几种方法来实现:一、使用“==”或“===”运算符比较JavaScript 中的“==”和“===”运算符都可以用来比较两个字符串是否相等。
其中,“==”为宽松相等运算符,会进行类型转换后再比较,而“===”为严格相等运算符,不进行类型转换,直接比较。
在比较字符串时,建议使用“===”运算符,因为它比“==”运算符更加严格。
代码示例:```var str1 = "hello";var str2 = "world";var str3 = "hello";console.log(str1 == str2); // falseconsole.log(str1 == str3); // trueconsole.log(str1 === str2); // falseconsole.log(str1 === str3); // true```二、使用 String 对象的 equals() 方法比较在 Java 中,String 类提供了 equals() 方法来比较字符串是否相等。
在JavaScript 中,虽然 String 类没有提供类似的方法,但是可以通过自定义函数来实现相同的功能。
以下是一个自定义的 equals() 函数实现,可以比较两个字符串是否相等。
String 类还提供了 localeCompare() 方法,可以比较两个字符串在“字典序”下的大小关系。
如果两个字符串相等,则返回 0;如果第一个字符串小于第二个字符串,则返回负数;如果第一个字符串大于第二个字符串,则返回正数。
以上为三种比较字符串是否相等的方法,在实际开发过程中,根据具体情况选择合适的方法进行比较即可。
js验证格式大全

}
if(!isEnglish(.value)){
alert("英文名不合法!");
.focus();
returnfalse;
}
if(!isChinese(name.value)){
alert("中文名不合法!");
name.focus();
6.验证油箱格式
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
for(i =0;i<name.length;i++){
if(name.charCodeAt(i) >128)
returnfalse;
}
returntrue;
}
functionisChinese(name)//中文值检测
{
if(name.length == 0)
returnfalse;
for(i = 0; i < name.length;i++){
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
7.屏蔽关键字(这里屏蔽***和****)
js密码正则表达式

js密码正则表达式js密码正则表达式是网页开发中非常重要的一项技术,它允许用户设定特定的密码要求,以保护网站和用户数据安全。
js密码正则表达式能够给每一位用户创建出安全可靠的密码,从而有效地保护网站和用户信息安全。
js密码正则表达式是一种使用正则表达式语法编写的文本字符串,它能够检测出当前输入的字符串是否符合我们设定的密码要求。
此外,js密码正则表达式还可以在用户更改密码的时候,检查其新输入的密码是否符合我们的设定要求。
js密码正则表达式可以指定密码的字符类型、长度、强度以及其他的要求,以保证密码的安全性。
通常情况下,js密码正则表达式要求密码中至少要有一个大写字母、一个小写字母、一个数字,密码长度也至少要有六位,这样就能够给每一位用户创建出安全可靠的密码。
此外,js密码正则表达式中还有一些特殊字符,它们可以用来提高密码的安全性。
如果用户设置的密码中包含特殊字符,就可以有效地防止密码被猜出或破解。
此外,js密码正则表达式还可以对密码中特定字符的复制粘贴进行检测,可以有效防止用户使用同一个简单密码。
js密码正则表达式可以有效地保护网站和用户信息安全,但也存在一定的安全隐患。
首先,因为js密码正则表达式是以文本字符串的形式编写的,它本身并不能够对密码进行实时验证,所以只能有效防止暴力破解的尝试。
其次,js密码正则表达式的检查范围只有字符类型、长度、强度等,它无法防止一些“普通”的网络攻击,如拒绝服务攻击等。
最后,尽管js密码正则表达式可以有效地保护网站和用户信息安全,但也必须让用户有足够的注意力,以提高自身安全意识。
为此,用户需要把自己的用户名和密码记住,而不要把它们暴露给他人;另外,用户在设置密码之前,也需要充分理解js密码正则表达式的要求,确保其设置的密码足够安全可靠。
综上所述,js密码正则表达式是网页开发中非常重要的一项技术,它可以给用户创建出安全可靠的密码,以保护网站和用户数据安全,但也必须让用户有足够的注意力,以提高自身安全意识。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
用JavaScript验证密码是否相同
<html>
<head>
<script language="javascript">
function check()
{
with(document.all)
{
if(input1.value!=input2.value)
{
//alert("两次密码不一致!");
document.getElementById("see").style.display="block";
setTimeout("javascript:document.getElementById('see').style.display='none';",2000);
input1.value="";
input2.value="";
document.getElementById("input1").focus();
}
}
}
/*
function check()
{
var value1=document.getElementById("input1").value;
var value2=document.getElementById("input2").value;
if(value1!=value2)
{
//alert("123");
document.getElementById("see").style.display="block";
setTimeout("javascript:document.getElementById('see').style.display='none';",2000);
document.getElementById("input1").value="";
document.getElementById("input2").value="";
document.getElementById("input1").focus();
}
}
*/
</script>
</head>
<form >
<div>
<div>
<div>请输入密码:</div><input type="password" id="input1" name="input1">
</div>
<div>
<div>请再次输入密码:</div><input type="password" id="input2" name="input2" onBlur="check()"><div style="display:none" id="see" name="see">两次密码不一致,请重输。
</div>
</div>
</div>
</form>
<script language="javascript">
document.getElementById("input1").focus();
</script>
</body>
</html>
/****************************************************************************** *******************************/
CSS和Javascript中的style.display与style.visibility
大多数人很容易将CSS属性display和visibility混淆,它们看似没有什么不同,其实它们的差别却是很大的。
visibility属性用来确定元素是显示还是隐藏,这用visibility="visible|hidden"来表示,visible表示显示,hidden表示隐藏。
当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。
例:
<script language="javascript">
function toggleVisibility(me)
{
if (me.style.visibility=="hidden")
{
me.style.visibility="visible";
}
else
me.style.visibility="hidden";
}
}
</script>
<div onclick="toggleVisibility(this)" style="position:relative">
第一行文本将会触发"hidden"和"visible"属性,注意第二行的变化。
</div><div>因为visibility会保留元素的位置,所以第二行不会移动.</div>
第一行文本将会触发"hidden"和"visible"属性,注意第二行的变化。
因为visibility会保留元素的位置,所以第二行不会移动。
注意到,当元素被隐藏之后,就不能再接收到其它事件了,所以在第一段代码中,当其被设"hidden"的时候,就不能再接收响应到事件了,因此也就无法通过鼠标点击第一段文本令其显示出来。
另一方面,display属性就有一点不同了。
visibility属性是隐藏元素但保持元素的浮动位置,而display实际上是设置元素的浮动特征。
当display被设置为block(块)时,容器中所有的元素将会被当作一个单独的块,就像<div>元素一样,它会在那个点被放入到页面中。
(实际上你可以设置<span>的display:block,使其可以像<div>一样工作。
将display设置为inline,将使其行为和元素inline一样---即使它是普通的块元素如<div>,它也将会被组合成像<span>那样的输出流。
最后是display被设置:none,这时元素实际上就从页面中被移走,它下面所在的元素就会被自动跟上填充。
下面看我实例的代码:
例:
<script language="javascript">
function toggleDisplay(me)
{
if (me.style.display=="block")
{
me.style.display="inline";
alert("文本现在是:'inline'.");
}
else{
if (me.style.display=="inline")
{
me.style.display="none";
alert("文本现在是:'none'. 3秒钟后自动重新显示。
");
window.setTimeout("blueText.style.display='block';",3000,"javascript");
}
else
{
me.style.display="block";
alert("文本现在是:'block'.");
}
}
}
</script>
<div>在<span id="blueText" onclick="toggleDisplay(this)"
style="color:blue;position:relative;cursor:hand;">蓝色</span>文字上点击来查看效果.</div>。