Kā saistīt JS uz HTML

Kā saistīt JS vietnē html

Kad mēs izstrādājam vietni vai tīmekļa lietojumprogrammu, mums bieži ir jāizmanto JavaScript, lai pievienotu interaktivitāti un dinamiskās funkcijas. Šim nolūkam jums jāzina, kā saistīt JavaScript failu HTML. Šajā rakstā mēs parādīsim dažus veidus, kā to izdarīt.

1. Inline

Vienkāršs veids, kā sasaistīt JavaScript failu HTML, ir & lt; skripts un gt; tags ar src atribūtu. Piemēram:


& lt; skripts src = "script.js" & gt; & lt;/ script & gt;

Šajā gadījumā Javascript failam ar nosaukumu “Script.js” jābūt tādā pašā direktorijā kā HTML fails. Šī pieeja ir noderīga maziem un vienkāršiem skriptiem.

2. Ārējs

Vēl viens izplatīts veids, kā sasaistīt JavaScript failu, ir ārējs URL izmantošana. Piemēram:


& lt; skripts src = "https://exemplo.com/script.js" & gt;

Šajā gadījumā JavaScript fails tiek mitināts uz ārējā servera un tiek ielādēts ar HTML, izmantojot piegādāto URL. Šī pieeja ir noderīga, ja mēs vēlamies izmantot esošās bibliotēkas vai ietvarus.

3. Atlikt un async

Turklāt ir iespējams izmantot atribūtus atlikt un async & lt; skripts & gt; , lai kontrolētu momentu Kad tas ir ielādēts un izpildīts JavaScript fails.

Atribūts atlikt izraisa skripta ielādēšanu paralēli HTML, bet izpildīts tikai pēc pilnas lapas slodzes:


& lt; skripts src = "script.js" atlikt & gt; & lt;/script & gt;

Atribūts async izraisa skripta ielādēšanu un veikšanu kā asinhronu, bloķējot HTML ielādi:


& lt; skripts src = "script.js" async & gt; & lt;/script & gt;

Šie ir daži no visizplatītākajiem veidiem, kā saistīt JavaScript failu HTML. Ir svarīgi izvēlēties vispiemērotāko pieeju katrai situācijai, ņemot vērā skripta lielumu, nepieciešamību pēc asinhronās slodzes un citiem faktoriem.

Es ceru, ka šis raksts jums bija noderīgs. Ja jums ir kādi jautājumi vai ieteikumi, atstājiet to komentāros!