zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden wie Javascript funktion in html ausführen?

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 23.01.2019, 20:18
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 05.01.2012
Beiträge: 25
Tertius befindet sich auf einem aufstrebenden Ast
Frage wie Javascript funktion in html ausführen?

Das ganze ist für ein Microcontroller (wemos D1). Aber das ist eigentlich nicht wichtig glaube ich.

Ich habe eine websocket Verbindung. Diese funktioniert einwandfrei!
in der Datei websock.js ist eine funktion: OnloadFunction();
Wenn auf den Button klicke wird diese funktion ausgeführt, dass ist kein Problem.
Ich würde diese Funktion aber eigentlich ohne button klick ausführen. Also einfach so wenn die seite läd oder besser wenn sie geladen ist. Habe schon verschiedene Möglichkeiten aus dem www versucht aber irgendwie will das nicht so richtig.

Hat jemand von euch eine idee wie ich die Funktion OnloadFunction() ausführen kann wenn die Seite geladen ist oder notfalls auch einfach so aus dem html code heraus??


Hier der html code:
HTML-Code:
<!DOCTYPE html><html>
<head>
  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">
  <link rel=\"icon\" href=\"data:,\">
  <title>Testseite</title>
  <meta charset="UTF-8"> 
  <style>html { font-family: Helvetica; display: inline-block; margin: 0px auto; text-align: center; background-color:#5593F1}
    .button { background-color: #195B6A; border: none; color: white; padding: 10px 40px;
    text-decoration: none; font-size: 30px; margin: 2px; cursor: pointer;}
    .button2 {background-color: #77878A;}
  </style>
<script src="websock.js" async></script>  
</head>

<body>
  <h1>Test</h1>
  <p>Suche....</p>
  <p><a href="/read.html"><button class="button" onclick="OnloadFunction()">Lesen</button></a></p>
</body>
</html>
Hier der Code aus der websock.js Datei:
Code:
var connection = new WebSocket('ws://' + window.location.hostname + ':81/'); 
connection.onopen = function () {  connection.send('Connect ' + new Date()); }; 
connection.onerror = function (error) {    console.log('WebSocket Error ', error);};
connection.onmessage = function (e) {  console.log('Server: ', e.data);};

function OnloadFunction() {
    connection.send('* Test22');	
}

Warum funktioniert das nicht ohne button click?:
HTML-Code:
<body>
  <h1>Test</h1>
  <p>Suche...</p>
  <p><a href="/read.html"><button class="button" onclick="OnloadFunction()">Lesen</button></a></p>
  <script>
var connection = new WebSocket('ws://' + window.location.hostname + ':81/'); 
connection.onopen = function () {  connection.send('Connect ' + new Date()); }; 
connection.onerror = function (error) {    console.log('WebSocket Error ', error);};
connection.onmessage = function (e) {  console.log('Server: ', e.data);};
connection.send('* Test22');
</script>  
</body>
und wenn ich schon dabei bin, vielleicht hat jemand eine Idee wie ich die websocket Verbindung nur aufbaue wenn noch keine Verbindung besteht. Die websock.js wird bei jeder Seite geladen.

Danke!

Geändert von Tertius (23.01.2019 um 20:29 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 24.01.2019, 17:22
Benutzerbild von hemfrie
Administrator
XHTMLforum-Kenner
 
Registriert seit: 18.12.2003
Ort: Düsseldorf
Beiträge: 2.776
hemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannthemfrie ist jedem bekannt
Standard

Also ich sehe bei Dir kein "load event binding", dass Deine Funktion ausführt.

Wenn es ohne Button click-event ausgeführt werden soll, musst Du es ja alternativ mit einem load-event ausführen.

Versuche es mal mit

Code:
window.addEventListener('load', OnloadFunction);
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Web Entwickler (m/w) - Web Developer (m/f) PHP, Javascript, HTML kimjob Jobs 0 27.02.2015 15:01
html hidden-array aus Formular via javascript füllen ZENeca Javascript & Ajax 8 11.07.2011 19:07
HTML als Text ausgeben und HTML farbig markieren cabotine Serveradministration und serverseitige Scripte 9 02.09.2008 22:56
DIV immer ganze Breite - normal?!?!? csski CSS 3 02.07.2008 12:20
JavaScript nach Ajax-Befehl ausführen wuschba Javascript & Ajax 2 10.08.2007 19:16


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:19 Uhr.