Hvordan bruke Både SRC og Inline i Javascript

Javascript kan bli plassert i et HTML-dokument på to måter. En metode er å lagre Javascript-kode i en ekstern fil og inkludere et direktiv i dokumentet hodet knytte til kildefilen. En annen metode er å sette inn en <script> -kode, etterfulgt av noen Javascript-kode som du ønsker å kjøre inline og deretter en avsluttende </ script> tag. Den innebygde metoden brukes vanligvis med små utdrag av Javascript-kode, mens den eksterne filen brukes til større blokker av Javascript. Begge metodene kan brukes i samme dokument.

Bruksanvisning

1 Opprett en ny HTML-dokument med Notepad eller hvilken som helst tekst editor. Ta med et skjelett HTML disposisjon i dokumentet. For eksempel inn:

<! DOCTYPE html PUBLIC "- // W3C // DTD XHTML 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<Html xmlns = "http://www.w3.org/1999/xhtml">

<Head>

<Meta http-equiv = "Content-Type" content = "text / html; charset = utf-8" />

<Title> Inkludert Java </ title>

</ Head>

<Body>

</ Body>

</ Html>

2 Sett en link til en ekstern fil som inneholder Javascript-kode mellom HTML <head> taggene som bruker <script> tag og "src" -attributtet på følgende måte:

<Head>

<Script type = "text / javascript" til nettstedet ditt, og endre navnet på den eksterne filen som inneholder Javascript-koden til din kildefilen.

3 Åpne en <script> tag og sette inn Javascript-koden direkte inn i kroppen av HTML-dokumentet der du vil at koden som skal utføres inline. Denne koden er plassert mellom dokumentets <body> tags, sammen med annet innhold som utgjør siden. For eksempel:

<Body>

<Script type = "text / javascript">

document.write ( "Hello World!")

</ Script>

</ Body>

Du kan ha flere eller flere blokker av inline Javascript-kode innebygd i flere deler av HTML-dokumentet ved å sette inn koden som trengs.