IT培训网web

var oT1 = document.getElementById('txt1');
var oT2 = document.getElementById('txt2');
var oBtn = document.getElementById('btn1');
oBtn.onclick=function(){
oT2.value='';
var value = Number(oT1.value);
for(var i =0;i//i 0 -> 循环走 1次 生成1个* *
//i 1 -> 循环走 2次 生成2个* **
//i 2 -> 循环走 3次 生成3个* ***
//i 3 -> 循环走 4次 生成4个* ****
//以此类推
for(var j=0;joT2.value+='*';
}
oT2.value+='\n';
}
};

运行代码

function SayHello(){
    document.getElementById("myMessage").innerHTML =
    "Hello, World!";
}

运行代码

在此查看效果：
+ - * / %

function SayHello(){
    document.getElementById("myMessage").innerHTML =
    "Hello, World!";
}

运行代码

在此查看效果：
Hello，World

var oBox = document.getElementById('box');
oBox.onmousedown=function(ev){
var oEvent = ev || event;
var disX = oEvent.clientX - oBox.offsetLeft;
var disY = oEvent.clientY - oBox.offsetTop;
document.onmousemove=function(ev){
var oEvent = ev || event;
oBox.style.left = oEvent.clientX-disX+'px';
oBox.style.top = oEvent.clientY-disY+'px';
};
document.onmouseup=function(){
document.onmousemove = null;
document.onmouseup = null;
};
return false;
};

运行代码

在此查看效果：用鼠标拖拽小方块

var oBox = document.getElementById('box');
document.onkeydown=function(ev){
var oEvent = ev || event;
switch (oEvent.keyCode){
case 37:
oBox.style.left=oBox.offsetLeft-10+'px';
break;
case 39:
oBox.style.left=oBox.offsetLeft+10+'px';
break;
case 40:
oBox.style.top=oBox.offsetTop+10+'px';
break;
}
};

运行代码

在此查看效果：用键盘控制小方块

var oBtn = document.getElementsByTagName('input')[0];
var timer=null;
var oBall = document.getElementById('ball');
var arr = [{left:100,top:100},{left:800,top:200},{left:400,top:600}];
var n = 0;
oBtn.onclick=function(){next();};
function next(){
timer=setInterval(function(){
move(oBall,{left:arr[n%arr.length].left,top:arr[n%arr.length].top},{complete:function(){next();}})n++;},300);}

运行代码

在此查看效果：

function toDou(n) {
return n < 10 ? '0' + n : '' + n;
}
window.onload = function() {
var oDiv = document.getElementById('div1');
function clock(){
var oDate = new Date();
var iH = oDate.getHours();
var iM = oDate.getMinutes();
var iS = oDate.getSeconds();
oDiv.innerHTML = toDou(iH) + ':' + toDou(iM) + ':'+ toDou(iS);
}
clock();
setInterval(clock,1000);

运行代码

在此查看效果：
12:34:56

function SayHello(){
    document.getElementById("myMessage").innerHTML =
    "Hello, World!";
}

运行代码

在此查看效果：
Hello，World

function SayHello(){
    document.getElementById("myMessage").innerHTML =
    "Hello, World!";
}

运行代码

在此查看效果：
Hello，World