Javascript in HTML

Javascript heeft zijn populariteit tegenwoordig te bedanken aan AJAX, maar met de hele AJAX gebeuren zitten fouten in, namelijk backbuttons die het niet doen, geen favorieten ondersteuning en natuurlijk iemand javascript uit, dan kun je zeggen dag potentiële bezoekers. Laat ik hier met een voorbeeld zien hoe het dus niet moet:

Index.html

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<html>
<head>
    <title>Welcome</title>
    <script src="ajax.js"></script>
</head>
<body>
    <a href=javascript:onclick=doedit(Ga.html, GET)>LINK</a>
    <div id=content></div>
</body>
</html>


Dit is wel mooi en aardig, maar javascript zit in HTML, geen backbuttons, geen favorieten en geen ondersteuning voor mensen die javascript uit hebben. Dit was dus niks, laat ik nog een foute voorbeeld tonen, die echter al wat beter was dan de vorige en wel de ondersteuning voor iedereen gaf:

Index.html
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
<html>
<head>
    <title>Welcome</title>
    <script src="ajax.js"></script>
</head>
<body>
    <a href=Ga.html onclick=doedit(Ga.html, GET); return false;>LINK</a>
    <div id=content></div>
</body>
</html>


Nu kon iedereen juichen, want dit keer werd alles ondersteund, namelijk backbuttons, favorieten en mensen die zonder javascript willen werken. Toch is dit niet de ideale oplossing, want javascript staat erin en dat betekent bandbreedte en snelheids verlies, wat heb ik toch met deze woorden hé.

« Lees de omschrijving en reacties

Inhoudsopgave

  1. Inleiding
  2. CSS in HTML en Eruit
  3. Javascript in HTML
  4. Hoe los je dit op
  5. Conclusie

PHP tutorial opties

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.