管理资源吧首页>>>教程>>>编程>>>JavaScript教程>>>

js动态生成按钮并动态生成8位随机数

<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Avar%20i%3D0%3B%20%0D%0Avar%20timer1%3B%20%0D%0A%0D%0Afunction%20doPrint()%20%7B%20%0D%0A%2F%2Fbdhtml%3Dwindow.document.body.innerHTML%3B%20%0D%0A%2F%2Fsprnstr%3D%22%3C!--startprint--%3E%22%3B%20%0D%0A%2F%2Feprnstr%3D%22%3C!--endprint--%3E%22%3B%20%0D%0A%2F%2Fprnhtml%3Dbdhtml.substr(bdhtml.indexOf(sprnstr)%2B17)%3B%20%0D%0A%2F%2Fprnhtml%3Dprnhtml.substring(0%2Cprnhtml.indexOf(eprnstr))%3B%20%0D%0A%2F%2Fwindow.document.body.innerHTML%3Dprnhtml%3B%20%0D%0Awindow.print()%3B%20%0D%0A%2F%2F%20window.document.body.innerHTML%3Dbdhtml%3B%20%0D%0A%0D%0A%0D%0A%7D%20%0D%0A%0D%0Afunction%20init()%7B%20%0D%0A%0D%0Ax%3DMath.random()%3B%20%0D%0Ax%3DMath.floor(x*100000000)%3B%20%0D%0Aif(x%3C9999999)%7B%20%0D%0Ainit()%3B%20%0D%0A%7Delse%7B%20%0D%0Ai%2B%2B%3B%20%0D%0Adocument.all.show.innerText%3Dx%3B%20%0D%0Aif(i%3D%3D20)%7B%20%0D%0Avar%20par%3Ddocument.getElementById(%22mybutton%22)%3B%20%0D%0Avar%20son_tr%3Ddocument.createElement(%22TR%22)%3B%20%0D%0Avar%20son_td%3Ddocument.createElement(%22TD%22)%3B%20%0D%0A%2F%2F%E5%88%97%E5%B1%9E%E6%80%A7%20%0D%0Ason_td.colSpan%3D%224%22%3B%20%0D%0Ason_td.setAttribute(%22align%22%2C%22center%22)%3B%20%0D%0Ason_td.setAttribute(%22className%22%2C%22b_table_db1%22)%3B%20%0D%0A%2F%2F%E7%94%9F%E6%88%90%E5%AF%86%E7%A0%81%E5%B1%9E%E6%80%A7%20%0D%0Avar%20input_type%3Ddocument.createElement(%22INPUT%22)%3B%20%0D%0Ainput_type.type%3D%22button%22%3B%20%0D%0Ainput_type.name%3D%22createCode%22%3B%20%0D%0Ainput_type.value%3D%22%E7%A1%AE%E8%AE%A4%E5%AF%86%E7%A0%81%22%3B%20%0D%0Ainput_type.onclick%3Dsave_onclick%3B%20%0D%0Ainput_type.setAttribute(%22className%22%2C%22button%22)%3B%20%0D%0Ainput_type.onFocus%3D%22this.blur()%3B%22%3B%20%0D%0Ainput_type.onmouseover%3D'this.className%3D%22buttonY%22%3B'%3B%20%0D%0Ainput_type.onmouseout%3D'this.className%3D%22button%22'%3B%20%0D%0A%2F%2F%E6%89%93%E5%8D%B0%E5%B1%9E%E6%80%A7%20%0D%0Avar%20input_type2%3Ddocument.createElement(%22INPUT%22)%3B%20%0D%0Ainput_type2.type%3D%22button%22%3B%20%0D%0Ainput_type2.name%3D%22printButton%22%3B%20%0D%0Ainput_type2.value%3D%22%E6%89%93%E5%8D%B0%22%3B%20%0D%0Ainput_type2.onclick%3DdoPrint%3B%20%0D%0Ainput_type2.setAttribute(%22className%22%2C%22button%22)%3B%20%0D%0Ainput_type2.onFocus%3D%22this.blur()%3B%22%3B%20%0D%0Ainput_type2.onmouseover%3D'this.className%3D%22buttonY%22%3B'%3B%20%0D%0Ainput_type2.onmouseout%3D'this.className%3D%22button%22'%3B%20%0D%0A%0D%0A%0D%0Ason_td.appendChild(input_type)%3B%20%0D%0Ason_td.appendChild(input_type2)%3B%20%0D%0Ason_tr.appendChild(son_td)%3B%20%0D%0Apar.appendChild(son_tr)%3B%20%0D%0A%7D%20%0D%0A%0D%0Aif(i%3C20)%7B%20%0D%0Atimer1%3DsetTimeout(%22init()%22%2C50)%3B%20%0D%0A%7D%20%0D%0A%0D%0A%7D%20%0D%0A%0D%0A%7D%20%0D%0A%2F%2F%E7%A1%AE%E8%AE%A4%E5%AF%86%E7%A0%81%20%0D%0Afunction%20save_onclick()%7B%20%0D%0Aalert(%22%E7%A1%AE%E8%AE%A4%E5%AF%86%E7%A0%81%22)%3B%20%0D%0A%7D%20%0D%0A%3C%2Fscript%3E"> 
<html> 
<head><title></title></head> 
<body> 
<table> 
<tr> 
<td id="show"></td> 
</tr> 
<tbody id="mybutton"></tbody> 
</table> 
</body> 
<img src="/_New/_cj/myeditor/sysimage/space.gif" class="ewebeditor__script" _ewebeditor_fake_tag="script" _ewebeditor_fake_value="%3Cscript%20language%3D%22javascript%22%3E%20%0D%0Ainit()%3B%20%0D%0A%3C%2Fscript%3E"> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程