//校验密码
function checkPassword() {
var password = document.getElementById("password").value;
var reg = /^\w{6,12}$/;
var span = document.getElementById("s_password");
if (reg.test(password)) {
span.innerHTML = "<img width = '25%' src = 'img/gou.png'>";
} else {
span.innerHTML = "密码格式错误";
}
return reg.test(password);
}
//注册信息提示(以下代码运行时只保留一行并去掉前面的序号)
①document.getElementById("password").onblur = checkPassword;
②document.getElementById("password").onblur = checkPassword;
如以上代码
如果//注册提示信息我写成
①document.getElementById("password").onblur = checkPassword;
则页面如下图显示,必须要点击一下密码输入框再点击其他地方,才会触发onblur事件,密码格式的提示才会显示。
而如果//注册提示信息我写成
②document.getElementById("password").onblur = checkPassword();
则页面如下图显示,一刷新页面密码格式的提示就显示出来了,还没点击就已经触发了onblur事件。
求教:①和②这两行代码有什么区别?加()与不加()区别是什么?这两行代码分别是怎么运行的?
JS中的函数是一种叫做Function引用类型的实例,因此函数是一个对象。函数名则是指向这个对象的引用地址。
做为一个对象,函数是可以赋值传递的。
dom元素的事件所需要的是函数对象的引用地址。
函数名后面不加圆括号()就是获取函数对象的引用地址,(这样不调用执行函数)。
如:document.getElementById("password").onblur = checkPassword; 表示把函数checkPassword这个对象的引用地址赋值给password元素的onblur事件。
函数名后面的圆括号()实际上是调用(执行)函数的运算符。
如果函数名后面加上圆括号就表示立即调用(执行)这个函数里面的代码。
如:document.getElementById("password").onblur = checkPassword(); 表示立即调用(执行)checkPassword函数,并将函数执行后的return返回值(没有return会返回undefined)赋值给password元素的onblur事件。
点击第一次是执行指向函数的入口,第二次执行调用函数。你可以任意点击两次,看下效果
通俗说,你加上括号就表示执行该函数