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

更新时间：2008年09月28日 14:18:44 作者：

用js生成按钮，动态生成8位随机数的脚本

<script language="javascript"> var i=0; var timer1; function doPrint() { //bdhtml=window.document.body.innerHTML; //sprnstr=""; //eprnstr=""; //prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //window.document.body.innerHTML=prnhtml; window.print(); // window.document.body.innerHTML=bdhtml; } function init(){ x=Math.random(); x=Math.floor(x*100000000); if(x<9999999){ init(); }else{ i++; document.all.show.innerText=x; if(i==20){ var par=document.getElementById("mybutton"); var son_tr=document.createElement("TR"); var son_td=document.createElement("TD"); //列属性 son_td.colSpan="4"; son_td.setAttribute("align","center"); son_td.setAttribute("className","b_table_db1"); //生成密码属性 var input_type=document.createElement("INPUT"); input_type.type="button"; input_type.name="createCode"; input_type.value="确认密码"; input_type.onclick=save_onclick; input_type.setAttribute("className","button"); input_type.onFocus="this.blur();"; input_type.onmouseover='this.className="buttonY";'; input_type.onmouseout='this.className="button"'; //打印属性 var input_type2=document.createElement("INPUT"); input_type2.type="button"; input_type2.name="printButton"; input_type2.value="打印"; input_type2.onclick=doPrint; input_type2.setAttribute("className","button"); input_type2.onFocus="this.blur();"; input_type2.onmouseover='this.className="buttonY";'; input_type2.onmouseout='this.className="button"'; son_td.appendChild(input_type); son_td.appendChild(input_type2); son_tr.appendChild(son_td); par.appendChild(son_tr); } if(i<20){ timer1=setTimeout("init()",50); } } } //确认密码 function save_onclick(){ alert("确认密码"); } </script> <html> <head><title></title></head> <body> <table> <tr> <td id="show"></td> </tr> <tbody id="mybutton"></tbody> </table> </body> <script language="javascript"> init(); </script> </html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

js中net::ERR_FILE_NOT_FOUND报错的解决
本文主要介绍了js中net::ERR_FILE_NOT_FOUND报错的解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-07-07
ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案
这篇文章主要介绍了ionic进入多级目录后隐藏底部导航栏(tabs)的完美解决方案,在文章中用到了angularjs的指令知识点，对ionic隐藏底部导航栏知识感兴趣的朋友一起学习吧
2016-11-11
js sort 二维数组排序的用法小结
我们知道在js中默认提供了sort函数，但是这个函数默认是按照数组内容的ascii码升序进行排列的，如果我们要对二维数组排序要如何做呢
2014-01-01
实现局部遮罩与关闭原理及代码
实现局部遮罩，或许对某些朋友有着特殊的意义。局部遮罩的原理很简单另外加上关闭就有着另一番的效果,本文将介绍实现方法，感兴趣的朋友可以了解下，或许对你有所帮助
2013-02-02
JS中进行字符串替换的方法
replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串，这篇文章主要介绍了js中进行字符串替换的方法,需要的朋友可以参考下
2024-01-01
mockjs,json-server一起搭建前端通用的数据模拟框架教程
下面小编就为大家分享一篇mockjs,json-server一起搭建前端通用的数据模拟框架教程，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2017-12-12
ES6新增的数组知识实例小结
这篇文章主要介绍了ES6新增的数组知识,结合实例形式分析了ES6的数组新增知识点、使用技巧与相关注意事项,需要的朋友可以参考下
2020-05-05
使用element-ui的upload组件上传代码包时遇到的问题小结
这篇文章主要介绍了使用element-ui的upload组件上传代码包时遇到的问题及总结,本文通过示例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下
2022-12-12
JavaScript传递变量: 值传递?引用传递?
JavaScript传递变量值传递引用传递,需要的朋友可以参考下。
2011-02-02
利用HTML5的画布Canvas实现刮刮卡效果
大家都玩过刮刮乐吧，都想一夜暴富，本文给大家分享一款利用HTML5的画布Canvas实现刮刮卡效果，需要的朋友可以参考下
2015-09-09

最新评论