为什么只有第二个javascript执行而不是第一个? 也许PHP也只执行第二个代码?
我如何执行这两个代码?
<div id="anslut0"></div>
<div id="anslut1"></div>
<?php
$homepage = file_get_contents('http://X.com/2.php');
echo $homepage;
?>
<script>
window.onload = function(){
if (document.getElementById("MixP0").innerHTML <= 5) {
document.getElementById("MixP0").style.visibility = "hidden";
document.getElementById("anslut0").innerHTML = "anslut0";
}
}
</script>
<?php
$homepage = file_get_contents('http://X.com/3.php');
echo $homepage;
?>
<script>
window.onload = function(){
if (document.getElementById("MixP1").innerHTML <= 5) {
document.getElementById("MixP1").style.visibility = "hidden";
document.getElementById("anslut1").innerHTML = "anslut1";
}
}
</script>
&#13;
答案 0 :(得分:3)
你设置window.onload
两次,所以第二个会覆盖第一个! onload在AFTER页面加载完成后被调用,而不是在解析html时。
熟悉addEventListener:https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener
答案 1 :(得分:1)
保持简单:)。创建两个函数并从单个window.onload
事件中调用它们。
<div id="anslut0"></div>
<div id="anslut1"></div>
<?php
$homepage = file_get_contents('http://X.com/2.php');
echo $homepage;
?>
<script>
function first() {
if (document.getElementById("MixP0").innerHTML <= 5) {
document.getElementById("MixP0").style.visibility = "hidden";
document.getElementById("anslut0").innerHTML = "anslut0";
}
}
</script>
<?php
$homepage = file_get_contents('http://X.com/3.php');
echo $homepage;
?>
<script>
function second() {
if (document.getElementById("MixP1").innerHTML <= 5) {
document.getElementById("MixP1").style.visibility = "hidden";
document.getElementById("anslut1").innerHTML = "anslut1";
}
}
window.onload = function() {
first();
second();
}
</script>
答案 2 :(得分:0)
要同时执行这两项操作,但最后都只在一个<script>
中执行。
<script>
window.onload = function(){
if (document.getElementById("MixP0").innerHTML <= 5) {
document.getElementById("MixP0").style.visibility = "hidden";
document.getElementById("anslut0").innerHTML = "anslut0";
}
if (document.getElementById("MixP1").innerHTML <= 5) {
document.getElementById("MixP1").style.visibility = "hidden";
document.getElementById("anslut1").innerHTML = "anslut1";
}
}
</script>