1.
JavaScript中with的用法:
http://www.w3schools.com/dhtml/dhtml_examples.asp
注意以上的with的用法,可以直接with指定的域中对各个属性进行访问。
如with(thisform){}之后的代码块中,可以直接使用其属性或者节点,如直接使用email
JavaScript的formvalidation:
< html >
< head >
< script type ="text/javascript" > ...
functionvalidate_required(field,alerttxt)
...{
with(field)
...{
if(value==null||value=="")
...{alert(alerttxt);returnfalse}
else...{returntrue}
}
}
functionvalidate_form(thisform)
...{
with(thisform)
...{
if(validate_required(email,"Emailmustbefilledout!")==false)
...{email.focus();returnfalse}
}
}
</ script >
</ head >
< body >
< form action ="submitpage.htm"
onsubmit ="returnvalidate_form(this)"
method ="post" >
Email: < input type ="text" name ="email" size ="30" >
< input type ="submit" value ="Submit" >
</ form >
</ body >
</ html >
< html >
< head >
< script type ="text/javascript" > ...
functionvalidate_required(field,alerttxt)
...{
with(field)
...{
if(value==null||value=="")
...{alert(alerttxt);returnfalse}
else...{returntrue}
}
}
functionvalidate_form(thisform)
...{
with(thisform)
...{
if(validate_required(email,"Emailmustbefilledout!")==false)
...{email.focus();returnfalse}
}
}
</ script >
</ head >
< body >
< form action ="submitpage.htm"
onsubmit ="returnvalidate_form(this)"
method ="post" >
Email: < input type ="text" name ="email" size ="30" >
< input type ="submit" value ="Submit" >
</ form >
</ body >
</ html >
关于JavaScript的更多实例参考:
http://www.w3schools.com/js/js_examples.asp 左侧导航栏
2. JavaScript修改DOM节点的外观属性
另一方面,如果想在JavaScript中修改页面中某个节点的style属性,如需要将某个节点改变背景色等等,可以参考
HTML DOM: http://www.w3schools.com/htmldom/dom_obj_style.asp
可以设置和修改各个DOM节点的属性。
此外还可以参考 DHTML 中的相应方法:
http://www.w3schools.com/dhtml/dhtml_examples.asp