最近用JS做东西,发现在JS里面控制的很多属性都无法实现,不知道怎么回事。望高手解惑。下面是在JS里面控制超链接的target,但是无法在指定的target中打开页面。不知道什么原因。
最近分用得有点猛,只有这20 分了,盼各位大牛给小弟解决,不胜感激<!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>
<style type="text/css">
a:link{text-decoration:none;color:#999999}
a:active{text-decoration:none}
a:hover{text-decoration:none;color: #CC0033} 
a:visited{text-decoration:none}
.title{position:absolute}
.welecom{filter:Shadow(color=#6699FF,direction=135)}
.table1{border-top:}
.Mtable_1{filter:alpha(opacity=100);color:#999999}
.Mtable_0{filter:alpha(opacity=15);color:#999999}
.menu {color: #999999}
</style>
<script language="javascript">
<!--
var text;
var textSize=5;
var textColor="#78B3E7";
var message="欢迎使用企业资源管理系统!";
var count=0;
function welcomeMessage(){
if(textSize<50){
text=textSize+"px";
welcome.filters[0].apply(); 
welcome.innerHTML="<span align='right' style='color:"+textColor+";font-Size:"+text+";font-family:Courier New;font-weight:bold;filter: revealTrans(Transition=12, Duration=6)'>"+"<em>"+message+"</em>"+"</span>";
welcome.filters[0].play();
textSize++;
count++;
var time=setTimeout("welcomeMessage()",100);
}
}
</script>
<script language="javascript">
var messages=new Array();
var Items=new Array();
var isopen=0;
var just;
function showMenu(id,item1,item2,item3,item4,item5,item6,items){
messages[0]=item1;
messages[1]=item2;
messages[2]=item3;
messages[3]=item4;
messages[4]=item5;
messages[5]=item6;
if(isopen==0){
for(i=1;i<=items;i++){
document.getElementById("menuItem"+i).background="img/blue.jpg";
document.getElementById("menuItem"+i).innerHTML="<span class='menu' style='color:#999999'>"+" <a href='login.html' target='addframe'>"+messages[i-1]+"</a>"+"</span>";//这里设置了超链接的目标addframe,是一个iframe,但是无法链接的页面无法在ifram中打开,而是在一个新窗口中打开的
}
isopen=1;
just=items;
}
if(isopen==1){
for(i=1;i<=just;i++){
document.getElementById("menuItem"+i).background="";
document.getElementById("menuItem"+i).innerHTML="";
}
isopen=0;
for(i=1;i<=items;i++){
document.getElementById("menuItem"+i).background="img/blue.jpg";
document.getElementById("menuItem"+i).innerHTML="<span class='menu' style='color:#999999'>"+" <a href='login.html' target='addframe'>"+messages[i-1]+"</a>"+"</span>";>";//这里设置了超链接的目标addframe,是一个iframe,但是无法链接的页面无法在ifram中打开,而是在一个新窗口中打开的}
Mtable.className="Mtable_1";
isopen=1;
just=items;
}
}function controlAlpha(control){
if(control==1){
Mtable.className="Mtable_1";
}
else{
Mtable.className="Mtable_0";
}}
var img;
var state
function changeImage(id,ischange){
if(document.getElementById(id).background!=""){
if(ischange==1){
img="img/orange.gif";
}
else if(ischange==0){
img="img/blue.jpg";
}
else{
img="img/red.gif";
}
document.getElementById(id).background=img;
}
}
</script>
</head><body background="img/sky.gif"  onload="welcomeMessage()">
<table id="Mtable" class="" onmouseover="controlAlpha(1)" onmouseout="controlAlpha(0)" style="position:absolute;right:0px;top:40%;width:120px">
<tr><td id="menuItem1" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem1',2)" onmouseover="changeImage('menuItem1',1)" onmouseout="changeImage('menuItem1',0)"> </td></tr>
<tr>
  <td id="menuItem2" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem2',2)" onmouseover="changeImage('menuItem2',1)" onmouseout="changeImage('menuItem2',0)"></td>
</tr>
<tr><td id="menuItem3" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem3',2)" onmouseover="changeImage('menuItem3',1)" onmouseout="changeImage('menuItem3',0)"></td></tr>
<tr><td id="menuItem4" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem4',2)" onmouseover="changeImage('menuItem4',1)" onmouseout="changeImage('menuItem4',0)"></td></tr>
<tr><td id="menuItem5" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem5',2)" onmouseover="changeImage('menuItem5',1)" onmouseout="changeImage('menuItem5',0)"></td></tr>
<tr><td id="menuItem6" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem6',2)" onmouseover="changeImage('menuItem6',1)" onmouseout="changeImage('menuItem6',0)"></td></tr>
</table><table width="1000" height="124"align="center">
<tr align="center">
<td id="welcome" align="center" background="img/bg.gif" class="welcome" style="Filter:revealTrans(Transition=12, Duration=6);background-repeat:no-repeat"></td>
</tr>
</table>
<table width="100%" height="100%">
<iframe id="addframe" width="75%" height="60%" style="position:absolute;left:12.5%;top:37.5%" scrolling="auto">
</iframe><!--这是iframe-->
</table>
<table align="center" class="table1" style="position:relative;top:0px">
<tr>
<td>
<table align="center" cellspacing="0">
  <tr align="center">
  <td id="type" width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('type',2)" onmouseover="changeImage('type',1)" onmouseout="changeImage('type',0)">
 <a href="javascript:showMenu('equipmenttypeM','增加设备类别','修改设备类别','删除设备类别','查询设备类别','','',4)" id="equipmenttypeM" target="_self"><span style=" color:#999999;font-size:large" >设备类别管理</span></a></td>
  <td  id="inM"width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('inM',2)" onmouseover="changeImage('inM',1)" onmouseout="changeImage('inM',0)">
  <a href="javascript:showMenu('equipmentInM','增加设备入库','修改设备入库','删除设备入库','查询设备入库','','',4)" id="equipmentInM" target="_self"><span style=" color:#999999;font-size:large">设备入库管理</span></a></td>
  <td  id="typeM" width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('typeM',2)" onmouseover="changeImage('typeM',1)" onmouseout="changeImage('typeM',0)">
  <a href="javascript:showMenu('equipmentM','设备状态管理','设备租借管理','设备归还管理','设备维修管理','查询设备状态','',5)" id="equipmentM" target="_self"><span style=" color:#999999;font-size:large">设备管理</span></a></td>
  <td id="ES" width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('ES',2)" onmouseover="changeImage('ES',1)" onmouseout="changeImage('ES',0)">
  <a href="javascript:showMenu('equipmentInfoSearch','类别信息查询','入库信息查询','租借信息查询','维修信息查询','损毁信息查询','综合查询',6)" id="equipmentInfoSearch" target="_self"><span style=" color:#999999;font-size:large">设备信息查询</span></a></td>
  <td id="HP" width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('HP',2)" onmouseover="changeImage('HP',1)" onmouseout="changeImage('HP',0)">
  <a href="javascript:showMenu('help','设置','制作人员','关于本系统','','','',3)" id="help" target="_self"><span style=" color:#999999;font-size:large">帮助</span></a></td>
  </tr>
  </table>
  </td>
  </tr>
</table>
</body>
</html>

解决方案 »

  1.   

    再发一遍代码!
    [code=JScript]<!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>
    <style type="text/css">
    a:link{text-decoration:none;color:#999999}
    a:active{text-decoration:none}
    a:hover{text-decoration:none;color: #CC0033} 
    a:visited{text-decoration:none}
    .title{position:absolute}
    .welecom{filter:Shadow(color=#6699FF,direction=135)}
    .table1{border-top:}
    .Mtable_1{filter:alpha(opacity=100);color:#999999}
    .Mtable_0{filter:alpha(opacity=15);color:#999999}
    .menu {color: #999999}
    </style>
    <script language="javascript">
    <!--
    var text;
    var textSize=5;
    var textColor="#78B3E7";
    var message="欢迎使用企业资源管理系统!";
    var count=0;
    function welcomeMessage(){
    if(textSize<50){
    text=textSize+"px";
    welcome.filters[0].apply(); 
    welcome.innerHTML="<span align='right' style='color:"+textColor+";font-Size:"+text+";font-family:Courier New;font-weight:bold;filter: revealTrans(Transition=12, Duration=6)'>"+"<em>"+message+"</em>"+"</span>";
    welcome.filters[0].play();
    textSize++;
    count++;
    var time=setTimeout("welcomeMessage()",100);
    }
    }
    </script>
    <script language="javascript">
    var messages=new Array();
    var Items=new Array();
    var isopen=0;
    var just;
    function showMenu(id,item1,item2,item3,item4,item5,item6,items){
    messages[0]=item1;
    messages[1]=item2;
    messages[2]=item3;
    messages[3]=item4;
    messages[4]=item5;
    messages[5]=item6;
    if(isopen==0){
    for(i=1;i<=items;i++){
    document.getElementById("menuItem"+i).background="img/blue.jpg";
    document.getElementById("menuItem"+i).innerHTML="<span class='menu' style='color:#999999'>"+" <a href='login.html' target='addframe'>"+messages[i-1]+"</a>"+"</span>";/*这里设置了超链接的目标addframe,是一个iframe,但是无法链接的页面无法在ifram中打开,而是在一个新窗口中打开的*/
    }
    isopen=1;
    just=items;
    }
    if(isopen==1){
    for(i=1;i<=just;i++){
    document.getElementById("menuItem"+i).background="";
    document.getElementById("menuItem"+i).innerHTML="";
    }
    isopen=0;
    for(i=1;i<=items;i++){
    document.getElementById("menuItem"+i).background="img/blue.jpg";
    document.getElementById("menuItem"+i).innerHTML="<span class='menu' style='color:#999999'>"+" <a href='login.html' target='addframe'>"+messages[i-1]+"</a>"+"</span>";>";
    /*这里设置了超链接的目标addframe,是一个iframe,但是无法链接的页面无法在ifram中打开,而是在一个新窗口中打开的*/}
    Mtable.className="Mtable_1";
    isopen=1;
    just=items;
    }
    }function controlAlpha(control){
    if(control==1){
    Mtable.className="Mtable_1";
    }
    else{
    Mtable.className="Mtable_0";
    }}
    var img;
    var state
    function changeImage(id,ischange){
    if(document.getElementById(id).background!=""){
    if(ischange==1){
    img="img/orange.gif";
    }
    else if(ischange==0){
    img="img/blue.jpg";
    }
    else{
    img="img/red.gif";
    }
    document.getElementById(id).background=img;
    }
    }
    </script>
    </head><body background="img/sky.gif"  onload="welcomeMessage()">
    <table id="Mtable" class="" onmouseover="controlAlpha(1)" onmouseout="controlAlpha(0)" style="position:absolute;right:0px;top:40%;width:120px">
    <tr><td id="menuItem1" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem1',2)" onmouseover="changeImage('menuItem1',1)" onmouseout="changeImage('menuItem1',0)"> </td></tr>
    <tr>
      <td id="menuItem2" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem2',2)" onmouseover="changeImage('menuItem2',1)" onmouseout="changeImage('menuItem2',0)"></td>
    </tr>
    <tr><td id="menuItem3" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem3',2)" onmouseover="changeImage('menuItem3',1)" onmouseout="changeImage('menuItem3',0)"></td></tr>
    <tr><td id="menuItem4" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem4',2)" onmouseover="changeImage('menuItem4',1)" onmouseout="changeImage('menuItem4',0)"></td></tr>
    <tr><td id="menuItem5" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem5',2)" onmouseover="changeImage('menuItem5',1)" onmouseout="changeImage('menuItem5',0)"></td></tr>
    <tr><td id="menuItem6" align="center" height="36"style="background-repeat:no-repeat" onclick="changeImage('menuItem6',2)" onmouseover="changeImage('menuItem6',1)" onmouseout="changeImage('menuItem6',0)"></td></tr>
    </table><table width="1000" height="124"align="center">
    <tr align="center">
    <td id="welcome" align="center" background="img/bg.gif" class="welcome" style="Filter:revealTrans(Transition=12, Duration=6);background-repeat:no-repeat"></td>
    </tr>
    </table>
    <table width="100%" height="100%">
    <iframe id="addframe" width="75%" height="60%" style="position:absolute;left:12.5%;top:37.5%" scrolling="auto">
    </iframe><!--这是iframe-->
    </table>
    <table align="center" class="table1" style="position:relative;top:0px">
    <tr>
    <td>
    <table align="center" cellspacing="0">
      <tr align="center">
      <td id="type" width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('type',2)" onmouseover="changeImage('type',1)" onmouseout="changeImage('type',0)">
     <a href="javascript:showMenu('equipmenttypeM','增加设备类别','修改设备类别','删除设备类别','查询设备类别','','',4)" id="equipmenttypeM" target="_self"><span style=" color:#999999;font-size:large" >设备类别管理</span></a></td>
      <td  id="inM"width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('inM',2)" onmouseover="changeImage('inM',1)" onmouseout="changeImage('inM',0)">
      <a href="javascript:showMenu('equipmentInM','增加设备入库','修改设备入库','删除设备入库','查询设备入库','','',4)" id="equipmentInM" target="_self"><span style=" color:#999999;font-size:large">设备入库管理</span></a></td>
      <td  id="typeM" width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('typeM',2)" onmouseover="changeImage('typeM',1)" onmouseout="changeImage('typeM',0)">
      <a href="javascript:showMenu('equipmentM','设备状态管理','设备租借管理','设备归还管理','设备维修管理','查询设备状态','',5)" id="equipmentM" target="_self"><span style=" color:#999999;font-size:large">设备管理</span></a></td>
      <td id="ES" width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('ES',2)" onmouseover="changeImage('ES',1)" onmouseout="changeImage('ES',0)">
      <a href="javascript:showMenu('equipmentInfoSearch','类别信息查询','入库信息查询','租借信息查询','维修信息查询','损毁信息查询','综合查询',6)" id="equipmentInfoSearch" target="_self"><span style=" color:#999999;font-size:large">设备信息查询</span></a></td>
      <td id="HP" width="116" height="40" background="img/blue.jpg" style="background-repeat:no-repeat" onclick="changeImage('HP',2)" onmouseover="changeImage('HP',1)" onmouseout="changeImage('HP',0)">
      <a href="javascript:showMenu('help','设置','制作人员','关于本系统','','','',3)" id="help" target="_self"><span style=" color:#999999;font-size:large">帮助</span></a></td>
      </tr>
      </table>
      </td>
      </tr>
    </table>
    </body>
    </html>
    [/code]