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需再刷新一下页面才能执行]

您可能感兴趣的文章:

相关文章

浅析JavaScript如何解决跨域问题并手写一个jsonp
跨域是指浏览器为了安全性,实施的同源策略,同源策略要求,只有协议、域名和端口号完全相同的网页,才能共享资源,本文整理了一些常用的跨域解决方法,希望对大家有所帮助
2024-03-03
JavaScript将相对地址转换为绝对地址示例代码
本文为大家详细介绍下JavaScript怎么将相对地址转换为绝对地址，具体的示例如下，感兴趣的朋友可以参考下哈，希望对大家有所帮助
2013-07-07
中国象棋js代码,仅演示,未能真下
2008-02-02
JavaScript新增样式规则(推荐)
这篇文章主要介绍了JavaScript新增样式规则(推荐)的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-07-07
Js如何使用ffmpeg进行视频剪辑和画面截取等功能
在日常处理视频文件时常常会用到视频片段的截取功能,FFmpeg支持该功能,下面这篇文章主要给大家介绍了关于Js如何使用ffmpeg进行视频剪辑和画面截取等功能的相关资料,需要的朋友可以参考下
2024-04-04
基于js实现的图片拖拽排序源码实例
这篇文章主要给大家介绍了关于如何基于js实现的图片拖拽排序的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2020-11-11
js 淘宝首页的拼音排序效果
模仿淘宝首页的拼音排序效果代码。
2009-05-05
浅谈js继承的实现及公有、私有、静态方法的书写
下面小编就为大家带来一篇浅谈js继承的实现及公有、私有、静态方法的书写。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2016-10-10
javascript 处理HTML元素必须避免使用的一种方法
我们在编写前台页面的时候，可能经常会用到“javascript+数据”生成页面元素的方法，但当我们要处理的数据量较大，导致页面需要展现过多的控件的时候，页面的响应速度也会直线下降
2009-07-07
动态加载JS文件的三种方法
动态加载JS文件的三种方法
2013-11-11

最新评论