Vai koda skriptus var saglabāt ārējā failā?

Izvietošana JavaScripts tieši failā, kas satur HTML Web lapu, ir ideāli piemērots īsiem skriptiem, ko izmanto, apgūstot JavaScript. Kad sākat veidot skriptus, lai nodrošinātu nozīmīgu savas vietnes funkcionalitāti, tomēr to skaits ir JavaScript var kļūt diezgan liels, un šo lielo skriptu iekļaušana tieši tīmekļa lapā rada divas problēmas:

• Tas var ietekmēt jūsu lapas rangu dažādās meklētājprogrammās, ja JavaScript aizņem lielāko daļu lapas satura. Tas samazina to atslēgvārdu un frāžu lietošanas biežumu, kas identificē saturu.
• Tas apgrūtina vienas un tās pašas JavaScript funkcijas atkārtotu izmantošanu vairākās jūsu vietnes lapās. Katru reizi, kad vēlaties to izmantot citā lapā, jums tas būs jākopē un jāievieto katrā papildu lapā, kā arī visas izmaiņas, ko prasa jaunā atrašanās vieta.

Tas ir daudz labāk, ja JavaScript padara neatkarīgu no tīmekļa lapas, kas to izmanto.

Par laimi izstrādātāji HTML un JavaScript ir nodrošinājuši šīs problēmas risinājumu. Mēs varam pārvietot savus JavaScriptus no tīmekļa lapas un joprojām darboties tieši tāpat.

Pirmais, kas mums jādara, lai JavaScript izveidotu ārpus lapas, kas to izmanto, ir atlasīt pašu JavaScript kodu (bez apkārtējiem HTML skripta tagiem) un nokopējiet to atsevišķā veidā failu.

Piemēram, ja mūsu lapā ir šāds skripts, mēs izvēlamies un kopējam daļu treknrakstā:

Agrāk bija prakse ievietot JavaScript HTML dokumentā komentāru tagu iekšpusē, lai vecākiem pārlūkiem neļautu parādīt kodu; tomēr jaunie HTML standarti saka, ka pārlūkprogrammām automātiski jāapstrādā kods, kas atrodas tajā HTML komentāru tagi kā komentāri, un tā rezultātā pārlūkprogrammas ignorē jūsu Javascript.

Ja HTML lapas esat mantojis no citas personas ar JavaScript komentāru tagos, tad tagi nav jāiekļauj atlasītajā un nokopētajā JavaScript kodā.

Piemēram, jūs kopētu tikai trekno kodu, atstājot HTML komentāru tagus un koda paraugā zemāk:

Kad esat izvēlējies JavaScript kodu, kuru vēlaties pārvietot, ielīmējiet to jaunā failā. Piešķiriet failam vārdu, kas norāda uz skripta darbību vai identificē lapu, kurā skripts ietilpst.

Dodiet failam a .js piedēkli, lai jūs zināt, ka failā ir JavaScript. Piemēram, mēs varētu izmantot sveiks.js kā faila nosaukums JavaScript saglabāšanai no iepriekšminētā piemēra.

Tagad, kad mūsu JavaScript ir nokopēts un saglabāts atsevišķā failā, viss, kas mums jādara, ir atsauce uz ārējo skripta failu mūsu vietnē HTML tīmekļa lapas dokuments.

Vispirms izdzēsiet visu, kas atrodas starp skripta tagiem:

Tas vēl nepasaka lapai, kuru JavaScript palaist, tāpēc mums pašam skripta tagam jāpievieno papildu atribūts, kas pārlūkam norāda, kur atrast skriptu.

Mūsu piemērs tagad izskatīsies šādi:

src = "hello.js">

Atribūts src norāda pārlūkprogrammai ārējā faila nosaukumu, no kura jālasa šīs vietnes JavaScript kods (kas ir sveiks.js mūsu iepriekšminētajā piemērā).

Jums visi JavaScripti nav jāievieto tajā pašā vietā, kur atrodas HTML Web lapas dokumenti. Iespējams, vēlēsities tos ievietot atsevišķā JavaScript mapē. Šajā gadījumā jūs vienkārši pārveidojat vērtību laukā src atribūts, lai iekļautu faila atrašanās vietu. JavaScript avota faila atrašanās vietai varat norādīt jebkuru relatīvu vai absolūtu tīmekļa adresi.

Tagad varat ņemt jebkuru uzrakstītu skriptu vai jebkuru no skriptu bibliotēkā iegūtajiem skriptiem un pārvietot to no HTML Web lapas koda uz ārēji atsauces JavaScript failu.

Pēc tam šim skripta failam var piekļūt no jebkuras tīmekļa lapas, vienkārši pievienojot atbilstošus HTML skripta tagus, kas izsauc šo skripta failu.