js动态生成按钮并动态生成8位随机数- Javascript - 软晨网（RuanChen.com）

当前位置: 首页 > 图文教程 > 网络编程 > Javascript > js动态生成按钮并动态生成8位随机数

技术文章搜索

关键字

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

出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-09-12 浏览: 373 ::

收藏到网摘: n/a

javascript秒数倒计时自动跳转代码 JS旋转图片阵类

用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 全选提示:你可先修改部分代码,再按运行]

javascript秒数倒计时自动跳转代码 JS旋转图片阵类

评论 (0) All