<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript">
window.onload=function(){
var btns=document.getElementsByTagName('button')//遍历<button></botton>类型的按钮
for(n=0n<btns.lengthn++){
if(btns[n].id) btns[n].onclick=function(){alert(this.id)}
}
var inputs=document.getElementsByTagName('input') //遍历<input>类型的按钮
for(var i=0i<inputs.lengthi++){
if((inputs[i].type=='button'||'submit'||'reset'||'checkbox'||'radio')&&inputs[i].id){
if(inputs[i].type=='button'&&inputs[i].id)//这里仅仅“button”。如果考虑所有类型的按钮，请将这一句注释掉再看效果
{
inputs[i].onclick=function(){
alert(this.id) // 测试
}
}}}}
</script>
</head>
<body>
<input type="button" value="Button 1" id='b0'>
<input type="submit" value=Submit id='b1'>
<input type="reset" value=Reset id='b2'>
<input type="checkbox" value=Checkbox id='b3'>
<input type="radio" value=Radio id='b4'>
<button id="b5" >Button 2</button>
</body>
</html>
用jquery的load方法加载，例子1（点击按钮加载一个注册页面的所有内容装入div容器）：
$("button").click(function(){
$("div").load('regist.html')
})
例子2（点击按钮加载一个注册页面里面的ID为box的标签里面的所有内容装入div容器）：
$("button").click(function(){
$("div").load("regist.html
#box")
})
