我正在为客户制作一些PHP网站,但我有一个小问题。
我有一个位于页面顶部和底部的JavaScript文本时钟(每个都是另一个的副本(。
它们在Chrome中完美运行,但在Firefox和IE上有时则不能。我制作了一个新的,干净的PHP文件并附加了JS以检查问题是否来自Javascript文件。似乎不是。
顶部时钟是 GetClock((,底部是 GetClockPrint((
这是时钟的Javascript代码:
tday=new Array("Domingo","Segunda-feira","Terça-feira","Quarta-feira","Quinta-feira","Sexta-feira","Sábado");
tmonth=new Array("Janeiro","Fevereiro","Março","Abril","Maio","Junho","Julho","Agosto","Setembro","Outubro","Novembro","Dezembro");
function GetClock(){
var d=new Date();
var nday=d.getDay(),nmonth=d.getMonth(),ndate=d.getDate(),nyear=d.getYear(),nhour=d.getHours(),nmin=d.getMinutes(),nsec=d.getSeconds(),ap;
if(nyear<1000) nyear+=1900;
if(nmin<=9) nmin="0"+nmin;
if(nsec<=9) nsec="0"+nsec;
document.getElementById('clockbox').innerHTML="<u><h4>"+tday[nday]+", "+ndate+" de "+tmonth[nmonth]+" de "+nyear+", "+nhour+":"+nmin+":"+nsec+"</h4></u>";
document.getElementById('clockbox2').innerHTML="<u><h4>"+tday[nday]+", "+ndate+" de "+tmonth[nmonth]+" de "+nyear+", "+nhour+":"+nmin+":"+nsec+"</h4></u>";
}
function GetClockPrint(){
var c=new Date();
var nday=c.getDay(),nmonth=c.getMonth(),ndate=c.getDate(),nyear=c.getYear(),nhour=c.getHours(),nmin=c.getMinutes(),nsec=c.getSeconds(),ap;
if(nyear<1000) nyear+=1900;
if(nmin<=9) nmin="0"+nmin;
if(nsec<=9) nsec="0"+nsec;
document.getElementById('clockbox2').innerHTML="<u><h4>"+tday[nday]+", "+ndate+" de "+tmonth[nmonth]+" de "+nyear+", "+nhour+":"+nmin+":"+nsec+"</h4></u>";
}
window.onload=function(){
GetClock();
}
这是页面本身的HTML代码(还没有PHP代码(
<table align="center"><!-- Botões de submeter/reiniciar e relógio -->
<tr>
<td>
<div align="left">
<button type="button" id="restart1" onClick="window.open('../../Index.php','_self')"><img src="../../restart.png">Recomeçar</button>
</div>
</td>
<td valign="middle">
<div id="clockbox" align="center"></div>
</td>
<td align="right">
<div align="right">
<button type="button" id="print1" onClick="submeter()"><img src="../../Check.png">Imprimir esta página</button>
</div>
</td>
</tr>
</table>
<!-- Start of the second clock code -->
<table align="center">
<tr>
<td>
<div align="left">
<button type="button" id="restart2" onClick="window.open('../../Index.php','_self')"><img src="../../restart.png">Recomeçar</button>
</div>
</td>
<td valign="middle">
<div id="clockbox2" align="center"></div>
</td>
<td align="right">
<div align="right">
<button type="button" id="print2" onClick="submeter()"><img src="../../Check.png">Imprimir esta página</button>
</div>
</td>
</tr>
</table>
请原谅葡萄牙语文本。我不知道这里出了什么问题...我希望时钟在IE和Firefox上显示,就像在Chrome上显示一样。你们能帮帮我吗?
我正在使用XAMPP来模拟PHP服务器。不知道这是否有帮助。
提前谢谢你
我用 http://jsfiddle.net/poseavx0/1/代替你的小提琴(你最后有一个额外的}
,你把它设置为运行'onLoad
而不是No wrap - in <head>
,所以你的window.onload
永远不会触发(。
我仍然无法复制该问题。
我只能假设您有/有多个window.onload
调用,其中对window.onload
的后续调用将覆盖以前的调用,因为您的评论"我进入了 FF,我删除了一个身体加载功能"(强调我的(。
解决这个问题的方法可能是像在小提琴中那样设置你的window.onload
:
window.onload = function () {
// call as many functions as you want in here
};
比利对时钟有一个非常有效的观点,尽管它不会影响显示。您的 CSS 用于#clockbox
和#clockbox2
确实应该是:
#clockbox, #clockbox2 {
text-decoration:underline;
margin: 1.33em 0;
font-weight: bold;
}
此外,在您的小提琴中,您没有id
的元素 clockbox2
.相反,它似乎被称为relogio2
(基于标记(,但您的 JavaScript 没有反映此名称更改。因此,无法设置clockbox2
。
总的来说,您可能会从体面的跨浏览器事件附加例程中受益。
var addHandler = function addHandler(object, event, handler, useCapture) {
var existingHandlers,
o = typeof object === 'string' ? document.getElementById(object) : object;
useCapture = !!useCapture; // coerce to boolean
if ('addEventListener' in o) {
o.addEventListener(event, handler, useCapture);
} else if ('attachEvent' in o) {
o.attachEvent(event, handler);
} else {
existingHandlers = o['on' + event];
if (existingHandlers) {
o['on' + event] = function (e) {
existingHandlers(e);
handler(e);
};
} else {
o['on' + event] = handler;
}
}
};
请参阅 http://jsfiddle.net/poseavx0/2/以了解实际操作(这也重构了大部分 JavaScript(。
你可以使用muse。
粘贴此代码即可正常工作。
<table align="center"><!-- Botões de submeter/reiniciar e relógio -->
<tr>
<td>
<div align="left">
<button type="button" id="restart1" onClick="window.open('../../Index.php','_self')"><img src="../../restart.png">Recomeçar</button>
</div>
</td>
<td valign="middle">
<div id="clockbox" align="center"></div>
</td>
<td align="right">
<div align="right">
<button type="button" id="print1" onClick="submeter()"><img src="../../Check.png">Imprimir esta página</button>
</div>
</td>
</tr>
</table>
<!-- Start of the second clock code -->
<table align="center">
<tr>
<td>
<div align="left">
<button type="button" id="restart2" onClick="window.open('../../Index.php','_self')"><img src="../../restart.png">Recomeçar</button>
</div>
</td>
<td valign="middle">
<div id="clockbox2" align="center"></div>
</td>
<td align="right">
<div align="right">
<button type="button" id="print2" onClick="submeter()"><img src="../../Check.png">Imprimir esta página</button>
</div>
</td>
</tr>
</table>