javascript实践一些功能

原创 2008年09月28日 13:20:00

 几秒后跳转功能:


<html>
<head><title></title>
<script language='javascript' type='text/javascript'>
     var secs =5; //倒计时的秒数
     var URL ;
     function Load(url){
        URL =url;
        for(var i=secs;i>=0;i--)
       {
         window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000);
       
       }
    }
   
    function doUpdate(num)
    {
     document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到 sohu' ;
     if(num == 0) { window.location=URL;  }
    }
  </script>


</head>
<body>
<div id="ShowDiv"></div>
<script language="javascript">
Load("http://www.sohu.com");
</script>
</body>
</html>

 

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

<script language="javascript">
var i=0;
var timer1;

function doPrint() {    
 //bdhtml=window.document.body.innerHTML;   
 //sprnstr="<!--startprint-->";   
 //eprnstr="<!--endprint-->";   
 //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>

JavaScript 常用功能总结

编吐血整理加上翻译,太辛苦了~求赞!本文主要总结了JavaScript 常用功能总结,如一些常用的额JS 对象,基本数据结构,功能函数等,还有一些常用的设计模式。 目录:众所周知,JavaScript...
  • powertoolsteam
  • powertoolsteam
  • 2016年01月21日 15:59
  • 2493

JS最佳实践

js最佳实践
  • liujie19901217
  • liujie19901217
  • 2016年07月24日 11:27
  • 1905

ExtJS书讯:《JavaScript凌厉开发——ExtJS 3详解与实践(第二版)》

ExtJS是表示层的AJAX RIA框架,它以丰富的组件,成熟的架构,清晰而规范的代码,整合到了不同的项目中,也赢得了广大UI爱好者的青睐。但是随着行业内使用Ext、学习Ext人数、培训Ext的日益增...
  • zhangxin09
  • zhangxin09
  • 2010年03月30日 15:20
  • 3771

javascript一些功能

1.   oncontextmenu="window.event.returnValue=false"   将彻底屏蔽鼠标右键     no   可用于Table         2.     取消...
  • macaw
  • macaw
  • 2008年05月05日 12:20
  • 1197

javascript内部原理篇[javascript实现聚合]

javascript不仅仅能够实现继承,有时候我们仅仅是需要类中的一部分属性或者方法的时候,我们可以考虑聚合来实现 直接上例子,这里仅仅是提供一个思路,例子感觉并不能够说的特别详尽,针对聚合的更深理解...
  • sunyingyuan
  • sunyingyuan
  • 2014年01月01日 15:55
  • 1337

众望所归的《JAVASCRIPT凌厉开发--EXT详解与实践 》终于上市了!

Normal 0 7.8 磅 0 2
  • tianxiaode
  • tianxiaode
  • 2009年03月06日 16:57
  • 1567

JavaScript通用库

JavaScript在WEB编程中能起到很大的作用,将一些常用的功能写成JavaScript类库。将下面代码保存为Common.js类库功能:1.Trim(str)--去除字符串两边的空格2.XMLE...
  • jxufewbt
  • jxufewbt
  • 2007年01月04日 12:28
  • 688

关于Javascript的一些实践

跨浏览器获取窗口左边和上边的位置 var leftPos = (typeof window.screenLeft == 'number') ? window.screenLeft : window...
  • u011939793
  • u011939793
  • 2017年10月10日 18:12
  • 43

JavaScript设计模式与开发实践 – 观察者模式

原文链接:http://web.jobbole.com/87809/ 概述 观察者模式又叫发布 – 订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者...
  • u013063153
  • u013063153
  • 2016年09月14日 10:03
  • 351

Javascript迭代、迭代、穷举、递归常用算法

Javascript累加和累积,递推,递归,穷举,迭代案例和他的理解。递归 所谓递归,就是在函数内部又去调用自己...
  • weixin_38362146
  • weixin_38362146
  • 2017年08月07日 21:28
  • 1127
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:javascript实践一些功能
举报原因:
原因补充:

(最多只允许输入30个字)