HTML automatisch Aktualisieren?

Wie kann ich ein HTML Code (iFrame) automatisch aktualisieren, ohne das die ganze Seite aktualisiert wird?

Comments

[PWolff]

Als Betrachter oder als Ersteller der Seite / des Inhalts?

[LoganPablo]

Als Ersteller

Answer 1

[regex9]

Den iFrame selbst kann man mit JavaScript von außen auf unterschiedlichen Wegen aktualisieren. Eine kleine Auswahl an Möglichkeiten:

a) Man setzt das src-Attribut neu:

yourFrame.src = yourFrame.src;

b) Man greift über das contentWindow-Property auf das location-Objekt zu:

yourFrame.contentWindow.location.replace(yourFrame.src); 

c) Man ersetzt das iframe-Element im DOM mit sich (im aktualisierten Zustand) selbst.

const container = yourFrame.parentElement;
container.removeChild(yourFrame);
container.setAttribute("src", yourFrame.src);
container.appendChild(yourFrame);		

Um diesen Aktualisierungsvorgang in zeitlichen Intervallen durchführen zu lassen, kann die setInterval-Funktion verwendet werden.

Solltest du Zugriff auf die Webseite haben, die im iFrame angezeigt wird, könnte das Aktualisieren aber auch in ihr gehandhabt werden. Das Setzen dieses meta-Tags würde ausreichen, um die Seite alle x-Sekunden (hier 2) zu aktualisieren.

<meta http-equiv="refresh" content="2">

Answer 2

[bestfragen]

F12 drücken und da kannst du direkt HTML modifizieren.

Answer 3

[KlartextMediaUG]

via meta refresh auf sich selbst innerhalb des iframes