在 1 页中执行 2 个脚本

Question

Why does only second javascript execute and not the first one? Maybe PHP also executs the second code only?

How can i execute both codes?

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

Answer 1

You set window.onload two times, so the second one overrides the first ! onload is called AFTER page has finished loading, not during the parsing of html.

Get familiar with addEventListener : https://developer.mozilla.org/fr/docs/Web/API/EventTarget/addEventListener

Answer 2

Keep it Simple :) . Create Two functions and call them from single window.onload event.

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

Answer 3

To execute both, but both in a single <script> at the end.

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