我想在拼图游戏上加一个判断拼图成功方法 可是怎么都不行 请大家帮帮忙 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title></head>
<script type="text/javascript" defer="defer">
//页面打开时加载
function londs(){
var i;
for(i=1;i<13;i++){
document.getElementById(i+"").innerHTML="<img src='"+i+".jpg'/>"
}
}
function success(){ if((document.getElementById(1).innerHTML="<img src='1.jpg'/>")&&
(document.getElementById(2).innerHTML="<img src='2.jpg'/>")&&
(document.getElementById(3).innerHTML="<img src='3.jpg'/>")&&
(document.getElementById(4).innerHTML="<img src='4.jpg'/>")&&
(document.getElementById(5).innerHTML="<img src='5.jpg'/>")&&
(document.getElementById(6).innerHTML="<img src='6.jpg'/>")&&
(document.getElementById(7).innerHTML="<img src='7.jpg'/>")&&
(document.getElementById(8).innerHTML="<img src='8.jpg'/>")&&
(document.getElementById(9).innerHTML="<img src='9.jpg'/>")&&
(document.getElementById(10).innerHTML="<img src='10.jpg'/>")&&
(document.getElementById(11).innerHTML="<img src='11.jpg'/>")&&
(document.getElementById(12).innerHTML="<img src='12.jpg'/>")){
start1=false;
return true;
}}
//拼图主过程
document.onkeydown = function() {
if(!start1) return;
setStep();
var i;
var id;
//最开始那个空位置
for(i=1;i<=13;i++){
if(document.getElementById(i+"").innerHTML==" "){
id=i;
}
}
oDivEnable1=document.getElementById((id-1)+"");
oDivEnable2=document.getElementById((id+1)+"");
oDivEnable3=document.getElementById((id-4)+"");
oDivEnable4=document.getElementById((id+4)+"");
var oEvent = arguments[0] || window.event;
var key = oEvent.keyCode;
switch(key){
case 37://keyName = "[方向键左]";
if(id==4){
var str=document.getElementById(13).innerHTML;
document.getElementById(13).innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
break;
}
if(oDivEnable2!=null){
td=id+1;
if(td==5||td==9||td==13){
break;
}
var str=document.getElementById(td+"").innerHTML;
document.getElementById(td+"").innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
}
break;
case 38://keyName = "[方向键上]";
if(oDivEnable4!=null){
td=id+4;
if(td==13){
break;
}
var str=document.getElementById(td+"").innerHTML;
document.getElementById(td+"").innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
}
break;
case 39://keyName = "[方向键右]";
if(id==13){
var str=document.getElementById(4).innerHTML;
document.getElementById(4).innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
break;
} else if(oDivEnable1!=null){
td=id-1;
if(td==8||td==4){
break;
}
var str=document.getElementById(td+"").innerHTML;
document.getElementById(td+"").innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
}
break;
case 40://keyName = "[方向键下]";
if(id==13){
break;
}
if(oDivEnable3!=null){
td=id-4;
var str=document.getElementById(td+"").innerHTML;
document.getElementById(td+"").innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
}
break;
}
//if(success()) alert("You so much so clever continue refueling"); }
//开始从新设置图片
function setImg(){
start1=true;
clock();
var arr=new Array();
for(var i=1;i<13;i++){
var tmp = Math.round(Math.random()*11)+1;
//固定第四张图片
if(i==4){
continue;
} else if(tmp==4){
i=i-1;
continue;
}
var oDiv=document.getElementById(i+"");
var imgUrl=""+tmp+".jpg";
oDiv.innerHTML='<img src="'+imgUrl+'">';
for(var j=1;j<i;j++){
if(document.getElementById(j+"").innerHTML==document.getElementById(i+"").innerHTML){
i=i-1;
continue;
}
}
arr[i]="imgUrl";
}
}//计时器
var id, iM = 0, iS = 1;
start = new Date();
function clock(){
now = new Date();
time = (now.getTime() - start.getTime()) / 1000;
time = Math.floor( time);
iS = time % 60;
iM = Math.floor( time / 60);
if ( iS < 10)
document.getElementById('time').value = " " + iM + " 分 0" + iS + " 秒";
else
document.getElementById('time').value = " " + iM + " 分 " + iS + " 秒";
id = setTimeout( "clock()", 1000);
}//停止计时
function stopClock(){clearTimeout(id)
}//计数器
var step=0;
function setStep() {
step=step+1;
document.getElementById('step').value=step;
}
</script>
<body onload="londs()">
<table border="1">
<tr>
<td id="1"> </td>
<td id="2"> </td>
<td id="3"> </td>
<td id="4"> </td>
<td id="13"> </td>
</tr>
<tr>
<td id="5"> </td>
<td id="6"> </td>
<td id="7"> </td>
<td id="8"> </td>
<td rowspan="2" width="200px" height="200px" style="background-color: yellow;">
<div class="control">
<font color="#996600" size="4" >游戏时间</font>
<input type="text" id="time" /> <br />
<font color="#996600" size="4" >游戏部数</font>
<input type="text" id="step" />
<input type="button" value=" 开 始 " onClick="setImg()" />
<input type="button" value=" 还 原 " onClick="londs()" />
<br /><br /><br /><br /><br /><br />
<img align="bottom" src="13.jpg"width="200px" height="200px" />
</div>
</td>
</tr>
<tr>
<td id="9"> </td>
<td id="10"> </td>
<td id="11"> </td>
<td id="12"> </td>
</tr>
</table></body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title></head>
<script type="text/javascript" defer="defer">
//页面打开时加载
function londs(){
var i;
for(i=1;i<13;i++){
document.getElementById(i+"").innerHTML="<img src='"+i+".jpg'/>"
}
}
function success(){ if((document.getElementById(1).innerHTML="<img src='1.jpg'/>")&&
(document.getElementById(2).innerHTML="<img src='2.jpg'/>")&&
(document.getElementById(3).innerHTML="<img src='3.jpg'/>")&&
(document.getElementById(4).innerHTML="<img src='4.jpg'/>")&&
(document.getElementById(5).innerHTML="<img src='5.jpg'/>")&&
(document.getElementById(6).innerHTML="<img src='6.jpg'/>")&&
(document.getElementById(7).innerHTML="<img src='7.jpg'/>")&&
(document.getElementById(8).innerHTML="<img src='8.jpg'/>")&&
(document.getElementById(9).innerHTML="<img src='9.jpg'/>")&&
(document.getElementById(10).innerHTML="<img src='10.jpg'/>")&&
(document.getElementById(11).innerHTML="<img src='11.jpg'/>")&&
(document.getElementById(12).innerHTML="<img src='12.jpg'/>")){
start1=false;
return true;
}}
//拼图主过程
document.onkeydown = function() {
if(!start1) return;
setStep();
var i;
var id;
//最开始那个空位置
for(i=1;i<=13;i++){
if(document.getElementById(i+"").innerHTML==" "){
id=i;
}
}
oDivEnable1=document.getElementById((id-1)+"");
oDivEnable2=document.getElementById((id+1)+"");
oDivEnable3=document.getElementById((id-4)+"");
oDivEnable4=document.getElementById((id+4)+"");
var oEvent = arguments[0] || window.event;
var key = oEvent.keyCode;
switch(key){
case 37://keyName = "[方向键左]";
if(id==4){
var str=document.getElementById(13).innerHTML;
document.getElementById(13).innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
break;
}
if(oDivEnable2!=null){
td=id+1;
if(td==5||td==9||td==13){
break;
}
var str=document.getElementById(td+"").innerHTML;
document.getElementById(td+"").innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
}
break;
case 38://keyName = "[方向键上]";
if(oDivEnable4!=null){
td=id+4;
if(td==13){
break;
}
var str=document.getElementById(td+"").innerHTML;
document.getElementById(td+"").innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
}
break;
case 39://keyName = "[方向键右]";
if(id==13){
var str=document.getElementById(4).innerHTML;
document.getElementById(4).innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
break;
} else if(oDivEnable1!=null){
td=id-1;
if(td==8||td==4){
break;
}
var str=document.getElementById(td+"").innerHTML;
document.getElementById(td+"").innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
}
break;
case 40://keyName = "[方向键下]";
if(id==13){
break;
}
if(oDivEnable3!=null){
td=id-4;
var str=document.getElementById(td+"").innerHTML;
document.getElementById(td+"").innerHTML=" ";
document.getElementById(id+"").innerHTML=str;
}
break;
}
//if(success()) alert("You so much so clever continue refueling"); }
//开始从新设置图片
function setImg(){
start1=true;
clock();
var arr=new Array();
for(var i=1;i<13;i++){
var tmp = Math.round(Math.random()*11)+1;
//固定第四张图片
if(i==4){
continue;
} else if(tmp==4){
i=i-1;
continue;
}
var oDiv=document.getElementById(i+"");
var imgUrl=""+tmp+".jpg";
oDiv.innerHTML='<img src="'+imgUrl+'">';
for(var j=1;j<i;j++){
if(document.getElementById(j+"").innerHTML==document.getElementById(i+"").innerHTML){
i=i-1;
continue;
}
}
arr[i]="imgUrl";
}
}//计时器
var id, iM = 0, iS = 1;
start = new Date();
function clock(){
now = new Date();
time = (now.getTime() - start.getTime()) / 1000;
time = Math.floor( time);
iS = time % 60;
iM = Math.floor( time / 60);
if ( iS < 10)
document.getElementById('time').value = " " + iM + " 分 0" + iS + " 秒";
else
document.getElementById('time').value = " " + iM + " 分 " + iS + " 秒";
id = setTimeout( "clock()", 1000);
}//停止计时
function stopClock(){clearTimeout(id)
}//计数器
var step=0;
function setStep() {
step=step+1;
document.getElementById('step').value=step;
}
</script>
<body onload="londs()">
<table border="1">
<tr>
<td id="1"> </td>
<td id="2"> </td>
<td id="3"> </td>
<td id="4"> </td>
<td id="13"> </td>
</tr>
<tr>
<td id="5"> </td>
<td id="6"> </td>
<td id="7"> </td>
<td id="8"> </td>
<td rowspan="2" width="200px" height="200px" style="background-color: yellow;">
<div class="control">
<font color="#996600" size="4" >游戏时间</font>
<input type="text" id="time" /> <br />
<font color="#996600" size="4" >游戏部数</font>
<input type="text" id="step" />
<input type="button" value=" 开 始 " onClick="setImg()" />
<input type="button" value=" 还 原 " onClick="londs()" />
<br /><br /><br /><br /><br /><br />
<img align="bottom" src="13.jpg"width="200px" height="200px" />
</div>
</td>
</tr>
<tr>
<td id="9"> </td>
<td id="10"> </td>
<td id="11"> </td>
<td id="12"> </td>
</tr>
</table></body>
</html>
2、比较是否相等的运算符是==,而不是=
if ((document.getElementById('img1').innerHTML=="<img src='1.jpg'/>") &&
(document.getElementById('img2').innerHTML=="<img src='2.jpg'/>") && ...) {}