JS问题 急! 在线等?

Hechunwei211 2009-11-24 11:51:26
我写了个JS; innerHTML 在IE里面可以得到 <td id ="demo1"> 它的id

为什么 在 firefox 里面不识别 innerHTML firefox 里面图片显示不出来
以下为代码:

<div class="sBanner" title="全方位的应急通信解决方案提供商">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div id="lftContent" style="background-image:url(App_Themes/Default/Image/imgbox_Solution_tit00.jpg); width:356px; height:198px; padding-left:30px; padding-top:50px;">
<div style="background-image:url(App_Themes/Default/Image/imgbox_Solution_tit08.jpg);width:304px; height:46px;"></div>
<div id="content_center_3" style=" width:215px; margin-top:20px;">
<table cellspacing="0" cellpadding="0" border="0">
<input type="hidden" name="ImgsName" />
<tbody>
<tr>
<td align="left" style=" height:120px;">
<img onclick="javascript:aavalue();" height="33" src="App_Themes/Default/Image/imgbox_Solution_tit01.jpg" width="19" style="cursor:hand; margin-right:10px;" /></td>
<td align="middle" valign="middle" style="height: 120px"><div id="demo" style="OVERFLOW: hidden; WIDTH: 312px;HEIGHT: 101px;">
<table border="0" align="left" cellpadding="0" cellspacing="0" cellspace="0">
<tbody>
<tr>
<td >
<div id="demo1" >
<table border="0" cellspacing="2" cellpadding="0">
<tr>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit03.jpg" style=" margin-right:10px;" />
<br />
<a href="ProductDetail.aspx?Id=10" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">卫星通讯</span></a>
</td>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit04.jpg" style=" margin-right:10px;" />
<br />
<a href="ProductDetail.aspx?Id=1" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">车辆改装</span></a>
</td>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit05.jpg" style=" margin-right:10px;"/>
<br />
<a href="ProductDetail.aspx?Id=20" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">短波通讯</span></a>
</td>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit06.jpg" style=" margin-right:10px;" />
<br />
<a href="ProductDetail.aspx?Id=8" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">电视会议系统</span></a>
</td>
<td width="95px" align="center">
<img src="App_Themes/Default/Image/imgbox_Solution_tit07.jpg" style=" margin-right:10px;"/>
<br />
<a href="ProductDetail.aspx?Id=6" style="text-decoration:none;"><span style=" font-size:9pt; color:#3D82BB; padding:5px; font-weight:bold">无限视频传输</span></a>
</td>
</tr>

</table>
</div>
</td>
<td id="demo2" valign="top" style="height: 85px"></td>
<td id="demo3" valign="top" style="height: 85px"></td>
<td id="demo4" valign="top" style="height: 85px"></td>
<td id="demo5" valign="top" style="height: 85px"></td>
<td id="demo6"
valign="top" ></td>
</tr>
</tbody>
</table>
</div>
</td>

<td align="right" >
<img onclick="javascript:aavalue1();" height="33"src="App_Themes/Default/Image/imgbox_Solution_tit02.jpg" width="19" style="cursor:hand; margin-left:10px;" />
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
<td>
<div id="riegthimgs" style="background-image:url(App_Themes/Default/Image/index_banner_regth01.jpg); width:532px; height:248px; text-align:left;"></div>
</td>
</tr>
</table>
</div>


下面是 JS
<script type="text/javascript" language="javascript">

var url=window.location.href.toLocaleLowerCase()
for(var i=0;i<document.getElementsByName("indexMean").length;i++)
{
var ahref = document.getElementsByName("indexMean")[i].href.toLocaleLowerCase().split('/');
var page = ahref[ahref.length-1];

if(url.indexOf(page)!=-1)
{
document.getElementsByName("indexMean")[i].className="MeanOn";
}
if(url.indexOf("productdetail.aspx")!=-1)
{
document.getElementsByName("indexMean")[2].className="MeanOn";
}

}
</script>
<script type="text/javascript" language="javascript" src="Scripts/SetHomePage.js">s</script>
<script type="text/javascript" language="javascript">

var speed=15;

demo2. getElementById("demo2").innerHTML = document.forms.elements['demo1'].innerHTML;
demo3.getElementById("demo3").innerHTML =document.forms.elements['demo1'].innerHTML;
demo4.getElementById("demo4").innerHTML=document.forms.elements['demo1'].innerHTML;
demo5.getElementById("demo5").innerHTML=document.forms.elements['demo1'].innerHTML;
demo6.getElementById("demo6").innerHTML=document.forms.elements['demo1'].innerHTML;

// demo2.innerHTML=demo1.innerHTML;
// demo3.innerHTML=demo1.innerHTML;
// demo4.innerHTML=demo1.innerHTML;
// demo5.innerHTML=demo1.innerHTML;
// demo6.innerHTML=demo1.innerHTML;
var aa;
function Marquee(){

aa=document.all["ImgsName"].value;
if (aa=="1"){

if(demo6.offsetWidth-demo.scrollLeft<=0)
demo.scrollLeft-=demo1.offsetWidth
else{
demo.scrollLeft++
}
}else{
if(demo.scrollLeft<=0)
demo.scrollLeft+=demo6.offsetWidth
else{
demo.scrollLeft--
}
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
<script language="JavaScript" type="text/javascript">
function aavalue(){
document.all["ImgsName"].value='1';
}
function aavalue1(){
document.all["ImgsName"].value='0';
}

</script>


请高手指点:
...全文
198 7 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
sohighthesky 2009-11-24
  • 打赏
  • 举报
回复
1.所有的 demo2. getElementById("demo2")换成document.getElementById("demo2").
2. 所有的document.all["ImgsName"].value='1';换成document.getElementById("ImgsName").
阿非 2009-11-24
  • 打赏
  • 举报
回复
[Quote=引用 5 楼 hechunwei211 的回复:]
上面说了的啊?
demo2.innerHTML=demo1.innerHTML;
demo3.innerHTML=demo1.innerHTML;
demo4.innerHTML=demo1.innerHTML;
demo5.innerHTML=demo1.innerHTML;
demo6.innerHTML=demo1.innerHTML;


这个在 IE 版本里面没问题 ; 在 firefox 里面不识别 innerHTML  firefox 里面图片显示不出来

[/Quote]
innerHTML 是 符合w3c 的, ff下没问题
有问题的是demox.innerHTML 这个是IE 下的写法, 不符合w3c
要改成 document.getElementById(id).innerHTML
「已注销」 2009-11-24
  • 打赏
  • 举报
回复
ff绝对是识别innerHTML的。楼主看看你的代码,符合w3c标准吗?
[Quote=引用楼主 hechunwei211 的回复:]
    demo2. getElementById("demo2").innerHTML = document.forms.elements['demo1'].innerHTML;
    demo3.getElementById("demo3").innerHTML =document.forms.elements['demo1'].innerHTML;
    demo4.getElementById("demo4").innerHTML=document.forms.elements['demo1'].innerHTML;
    demo5.getElementById("demo5").innerHTML=document.forms.elements['demo1'].innerHTML;
    demo6.getElementById("demo6").innerHTML=document.forms.elements['demo1'].innerHTML;

    // demo2.innerHTML=demo1.innerHTML;
    // demo3.innerHTML=demo1.innerHTML;
    // demo4.innerHTML=demo1.innerHTML;
    // demo5.innerHTML=demo1.innerHTML;
    // demo6.innerHTML=demo1.innerHTML;
[/Quote]
改为
document.getElementById("demo6").innerHTML=document.getElementById('demo1').innerHTML;
......
Hechunwei211 2009-11-24
  • 打赏
  • 举报
回复
上面说了的啊?
demo2.innerHTML=demo1.innerHTML;
demo3.innerHTML=demo1.innerHTML;
demo4.innerHTML=demo1.innerHTML;
demo5.innerHTML=demo1.innerHTML;
demo6.innerHTML=demo1.innerHTML;


这个在 IE 版本里面没问题 ; 在 firefox 里面不识别 innerHTML firefox 里面图片显示不出来
马老虎 2009-11-24
  • 打赏
  • 举报
回复
确实太长,并且很乱
mzjmicrosoft 2009-11-24
  • 打赏
  • 举报
回复
上帝,你最起码应该把主要问题贴出来

太长.....
Hechunwei211 2009-11-24
  • 打赏
  • 举报
回复
楼上俺说的是 ff 不识别?不管哪个的事哈!你没说多呢?
酷窗版演示:http://www.edd8.com/bbs/index.asp?style=0 简装版演示:http://www.edd8.com/bbs/index2.asp 一点点论坛(http://www.edd8.com/bbs)使用说明 欢迎大家下载使用一点点论坛,在使用论坛前,请认真阅读以下内容: ===================================== 论坛:一点点论坛(http://www.edd8.com/bbs) 主页:一点点星空驿站(http://www.edd8.com/) 站长:叮咚虫(e_Mail:b_li@163.com) 版本:EDD8 Ver.2003 for DV =====================================   一点点论坛是建立在动网论坛基础上的ASP互动论坛,从动网Var5.b109开始论坛结构便开始脱离动网,与动网升级一起,本论坛本身也同时实现了动网新的功能,到519的发布,本人常得论坛本身已功能基本完善,所以决定与动网完全脱离,到动网Final的出现,本论坛也决定不再跟随动网升级了,本人全面对原来的论坛进行了代码优化和版面重排,并升级了部分功能代码,完成了现在这样的论坛。使论坛已经完全脱离了动网,以后也不可以随动网一起升级了!   所以选择本论坛的朋友请先明白,如果采用了本论坛的数据结构,以后就不可以和动网一起升级了,而现有的动网Final版的数据库和本论坛的数据库也是不兼容的!对于动网V5.b519的用户,本人同时在压缩包里提供了升级文件,可以把你519的数据库升级成和本论坛一致的数据结构!   由于一些朋友催得较,部分功能还是没有完善的(但不会出错),我以后也会给出升级包的。所以决定使用本论坛的朋友,请一定要到本站论坛的“站务办公室”进行指定的留言签名,以好我第一时间通知大家升级!   论坛中使用到的部分插件并没有一同奉上,原因是我还没完成代码优化,请过几天到我的论坛上下载。可以下载的插件主要有:社区银行、网络拳皇、可乐吧台球、五子棋等等…… ===================================== 主要特色功能说明: ◎ 双版面设计,用户可以根据不同爱好选择不同的版式(酷窗版和精简版),系统会记录用户的选择,不用重复选择,也不会出现版面混淆等现象; ◎ 发贴回贴互动功能,给用户随机的互动事件,增加用户的参与兴趣; ◎ 增强的UBB代码和JS代码,新增的买卖贴、定时贴等十几种特色功能UBB代码; ◎ 贴子功能加强,增加互动鲜花、鸡蛋、金钱、炸弹等功能,并保存数据作为用户在论坛的人缘依据; ◎ 不好说了,等你去发掘吧,不然又说我叫卖了…… ====================================== 安装说明: 解压就可以了,数据库名称和路径有变动时不要忘了在CONN。ASP中进行相应修改。 (注意:当论坛中一个贴子也没有时,论坛明星会出错,但当你加入贴子后就正常了,大家不要惊慌) 升级:(对519),解压后把你的原519数据库覆盖现数据库,再执行根目录下的UPDATE。ASP文件就行了,如果没有升级成功的提示,说明你的数据不能进行升级! (注意:数据库的升级应做了备份,并在本机上进行!) ====================================== 最后一点说明: 由于论坛本来是打算自己用的,所以在设计的过程中部分变量已经去掉,不能从后台设置了(如表格边框),请大家最好保持现有的风格。 如果还不问题,可以到我的论坛上来交流。??注意,由于本人时间不限,技术支持是有限的,请不要过于强求!

62,243

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧