Wie wird dieser JavaScript-Code automatisch geladen, sobald das Fenster geladen wird?

Ich suchte in dieser Community, Antworten sind verfügbar, aber funktioniert nicht für meinen Code. Obwohl mein Code funktioniert, wenn ich Button OnClick verwende, aber ich möchte es nicht aus dem Körper laden. Bitte helfen Sie, diesen JavaScript-Code automatisch zu laden, sobald Fenster laden.Wie wird dieser JavaScript-Code automatisch geladen, sobald das Fenster geladen wird?

<html lang="en"> 
<head><title>demo</title> 

<script> 
function removeElement(parentDiv, childDiv){ 
    //if (childDiv == parentDiv) { alert("The parent div cannot be removed.");} 

    if (document.getElementById(childDiv)) {  
      var child = document.getElementById(childDiv); 
      var parent = document.getElementById(parentDiv); 
      parent.removeChild(child); //parent.remove(parentDiv); 
    } 
    else { 
      alert("Child div has already been removed or does not exist."); 
      return false; 
    } 
}; 
</script> 
</head> 
<body> <!-- I don't want to load it in body onLoad="removeElement('parent','child');" --> 

    <div id="parent" style="border: 1px solid red; padding: 10px;"> 
    I am the parent div. 
     <div id="child" style="border: 1px solid green; padding: 10px;"> 
     I am a child div within the parent div. 
     </div> 
    </div> 

<input type="button" value="Remove Element" onClick="removeElement('parent','child');"> 

</body> 
</html>

Quelle

2017-03-11 samar

Sobald Fenster Last, aber nicht vor? – biziclop

Wenn es möglich ist, auch vorher. – samar

Dann fügen Sie ein Skript-Tag nach dem zu entfernenden Element (zum Beispiel vor '') mit 'removeElement ('parent', 'child');', Sie müssen nicht warten, bis 'onload' ausgelöst wird. – biziclop

Fügen Sie einfach window.onload = function() { removeElement('parent','child'); } vor </script>

Quelle

2017-03-11 13:56:58 nitobuendia

ja. Das funktioniert. Danke, mein Lieber. – samar

Mit Vergnügen :) – nitobuendia

Wenn Sie Sie Code in einem 'DOM bereit Ereignis' wickeln

$(function() { 
    // your code here 
}

, dass die kurze handed Version ist, alternativ können Sie:

$(document).ready(function() { 
    // your code here 
}

Hinweis: Ihre Frage hat das "jquery" -Tag, so sollten Sie dies auf Ihrer Datei auch verweisen, wenn Sie diese Bibliothek verwenden möchten, zum Beispiel:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>

Quelle

2017-03-11 13:56:17

Wie wird dieser JavaScript-Code automatisch geladen, sobald das Fenster geladen wird?

Antwort

Verwandte Themen