在1页中执行2个脚本

时间:2018-02-18 11:13:20

标签: javascript php

为什么只有第二个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;
&#13;
&#13;

3 个答案:

答案 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>