Hoe invoegen JavaScript in HTML

HTML en JavaScript macht van de World Wide Web. het www laptop door fotocellen uit Fotolia.com

Een HTML-pagina zonder JavaScript is als een televisie zonder controles.Beide weergave inhoud, maar je kan niet veel doen met hen.JavaScript is een programmeertaal waarmee ontwikkelaars visuele effecten toe te voegen aan webpagina's en maken ze interactief.Eenvoud JavaScript maakt het een ideaal instrument voor ontwikkeling voor beginnende web programmeurs.Voeg JavaScript in uw eigen webpagina door deze direct in de HTML-pagina's of door het opnemen van een verwijzing naar een extern JavaScript-bestand.

instructies

  1. Klik op "Start" en type "Kladblok."Druk op Enter."Notepad zal openen.Voeg deze tekst aan het bestand:

    & lt; script src = "ExternalJavaScript.js" type = "text / javascript" & gt; & lt; / script & gt;

  2. Druk "CTRL + S" om de "Opslaan als" open venster.Navigeer naar uw "Desktop" map, en klik op "Nieuwe map" aan de bovenkant van het venster.Typ "Test_HTML_JavaScript1" om de map te noemen.

  3. Dubbelklik op de map om deze te openen.Typ "ExternalJavaScript.js" in het "File Name" tekstvak en klik op 'Opslaan'.Notepad zal het bestand op te slaan als een JavaScript-bestand in de map "Test_HTML_JavaScript1".

  4. Voeg de volgende code om het document:

    & lt; DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/!DTD / xhtml1-transitional.dtd "& gt;

    & lt; html xmlns = "http://www.w3.org/1999/xhtml" & gt;

    & lt; head & gt;

    & lt; title & gt; JavaScript Test & lt; / title & gt;

    & lt; / head & gt;

    & lt; body & gt;

    & lt; h1 & gt;Test Het toevoegen van JavaScript naar HTML & lt; / h1 & gt;

    & lt; / body & gt;

    & lt; / html & gt;

    Dit creëert een HTML-document met een kop.

  5. Voeg deze tekst na de "& lt; title & gt;"tag:

    & lt; script src = "ExternalJavaScript.js" type = "text / javascript" & gt; & lt; / script & gt;

    Deze verklaring voegt een verwijzing naar de externe JavaScript-bestand.Een browser zal de code in dat bestand als de webpagina geladen te voeren.

  6. Voeg dit blok code na de vorige code:

    & lt; script type = "text / javascript" & gt;

    var x = 1;

    var y = 2;

    var som = x + y;

    var message = "De som van X en Y" + sum;

    alert (bericht);

    & lt; / script & gt;

    Dit creëert een inline-blok van JavaScript-code.De code voegt twee getallen en geeft de som als de browser laadt.

  7. Klik op "File" en selecteer "Opslaan als" om het "Opslaan als" open venster.Typ "Test_HTML_JavaScript.html" in het "File Name" tekstvak en klik op 'Opslaan'.Notepad zal het bestand opslaan als een HTML-document in dezelfde map als de externe JavaScript-bestand.

  8. Ga naar het bureaublad en de map "Test_HTML_JavaScript1".Dubbelklik erop om het te openen.

  9. Dubbelklik op "Test_HTML_JavaScript.html."Uw browser zal openen en een bericht waarschuwing van de externe JavaScript-bestand en een ander bericht waarschuwing van de inline JavaScript-code.

Tips & amp;Waarschuwingen

  • Voeg zoveel externe JavaScript koppelingen als u nodig heeft.Elke Externe link maakt een oproep naar uw webserver.Omvatten zo weinig externe links mogelijk naar pagina laadtijd te minimaliseren.U kunt ook een inline plaatsen "& lt; script & gt;"blokkeren overal in de "& lt; body & gt;"deel van een HTML document.Echter, de meeste ontwikkelaars plaats hem in de "& lt; head & gt;"deel van het document.

Resources

  • W3Schools: JavaScript Tutorial
923
0
1
Java Script