JavaScript er notað alls staðar á netinu þessa dagana – til að bæta gagnvirkni vefsíðna, til að staðfesta upplýsingar og / eða til að bæta horfur á vefsíðu.


JavaScript birtist fyrst árið 1995 og hefur náð langt síðan þá hvað varðar samþykkt og hvernig það er notað. Syntaxið sem notað var í JavaScript var sterkt undir áhrifum frá C; en Java, Pearl, Python og Scheme spiluðu líka sinn þátt.

Ráð fyrir byrjendur JavaScrip: Það sem þú þarft að vita?

Til að byrja með eru nokkur grunnatriði sem þú þarft að vita um:

  • Hægt er að slökkva á JavaScript í vafranum
  • JavaScript keyrir í hvert skipti sem síðu er hlaðin
  • JavaScript tekur tíma að hlaða hægt á internettengingu
  • JavaScript er enn keyrt af skyndiminni síðum
  • Þú getur hýst JavaScript á vefsíðu eða utan frá .js skrá
  • JavaScript er allt öðruvísi en Java

Það er einnig mikilvægt að skilja að JavaScript mun í raun leiða til hörmungar þegar það er notað á rangan hátt.

Slæmt stilla og ósvikinn dulritaður JavaScripts mun hægja á vefsíðunni þinni og skemma heildarleiðsögn vefsvæðisins. Þetta hefur aftur á móti áhrif á ávöxtun gesta þinna (vegna slæmrar notendaupplifunar) svo og fremstur á leitarvélum (vegna þess að hægt er að svara vefsíðum og skrið í botni). Til að hjálpa við að staðfesta mál mitt hér, settu þig í spor áhorfandans. Ef vefsíða sem þú varst að hlaða hægt var erfitt að sigla og almennt, ekki aðlaðandi – myndirðu fara aftur á síðuna? Ég myndi ekki gera það.

Hér að neðan er lítill listi yfir það sem þarf að hugsa um þegar JavaScript er bætt við á vefsíðuna þína.

  • Er JavaScript krafist til að vefsíðan virki sem skyldi?
  • Hvernig mun vefurinn líta út ef JavaScript var lokað?
  • Mun JavaScript skaða árangur netþjónsins?
  • Mun bæta JavaScript hjálp við að færa síðuna þína í þá átt sem þú vilt að hún fari?

Nei, ég er ekki að reyna að hræða þig með þessum stigum.

Vertu í raun ekki hræddur við að nota JavaScript á vefsíðunum þínum þar sem það veitir tonn af ávinningi og eins og getið er er það notað af meirihlutunum. Lykilatriðið sem ég er að reyna að komast yfir hérna er ekki bara að halda áfram að bæta JavaScript aðgerðum við vefsíðu þegar þeir eru óþarfir. Sumar síður þurfa meira JavaScript en aðrar; sumar þurfa bara minna – Bara af því að ein vefsvæði er að gera það þýðir ekki að þú ættir að gera það sama.

Freebies: 15 flott JavaScript snifs fyrir vefsíðuna þína

Nú skulum við komast að því efni sem þú komst hingað fyrir – hér að neðan er listi yfir 15 JavaScript bút sem mun bæta síðuna þína annað hvort í virkni eða útliti. Kóðinn verður sundurliðaður í tvo hluta, höfuð og líkama eða .js skrá. Ef enginn titill titils er gefinn, þá er það ekki þörf fyrir þennan sérstaka bút.

1. Að skilja HTML5 vídeó

Skjótt sýnishorn

fallið skilur_video () {
skila !! document.createElement (‘vídeó’). canPlayType; // boolean
}

ef (! skilja_video ()) {
// Verður að vera eldri vafri eða IE.
// Gera kannski eitthvað eins og að fela sérsniðið
// HTML5 stjórntæki. Eða hvað sem er…
videoControls.style.display = ‘enginn’;
}

Hvað gerir JavaScript snifsinn?

Þessi litli búningur kemur í veg fyrir að vefsíðan þín reyni að birta myndband sem vafrinn getur ekki stutt, sparar þér bandbreidd og vinnsluorku.

2. JavaScript kex

Skjótt sýnishorn

/ **

* Setur kex með tilteknu nafni og gildi.

*

* nafn Nafn smákökunnar

* gildi Gildi smákökunnar

* [rennur út] Gildistími kexins (sjálfgefið: lok núverandi lotu)

* [slóð] Slóð þar sem kexið er gilt (sjálfgefið: slóð skjalsins)

* [lén] Lén þar sem kexið er gilt

* (Sjálfgefið: lén hringiskjals)

* [öruggt] Boolean gildi sem gefur til kynna hvort smákökusendingin krefst a

* Örugg sending

* /

fall setCookie (nafn, gildi, rennur út, slóð, lén, öruggt) {

document.cookie = nafn + "=" + flýja (gildi) +

((rennur út) ? "; rennur út =" + rennur út.toGMTString (): "") +

((leið) ? "; leið =" + leið : "") +

((lén) ? "; lén =" + lén: "") +

((öruggt) ? "; öruggt" : "");

}

/ **

* Færð gildi tiltekins kex.

*

* nafn Nafn viðkomandi kex.

*

* Skilar streng sem inniheldur gildi tiltekins kex,

* Eða núll ef kex er ekki til.

* /

fall getCookie (nafn) {

var dc = document.cookie;

var forskeyti = nafn + "=";

var byrja = dc.indexOf ("; " + forskeyti);

ef (byrja == -1) {

byrja = dc.indexOf (forskeyti);

ef (byrja! = 0) skila null;

} Annar {

byrja + = 2;

}

var end = document.cookie.indexOf (";", byrja);

ef (lok == -1) {

endir = DC lengd;

}

skila unescape (dc.substring (begin + prefix.length, end));

}

/ **

* Eyðir tiltekinni kex.

*

* heiti kökunnar

* [slóð] slóð kexsins (verður að vera eins og slóðin sem er notuð til að búa til smákökuna)

* [lén] lén kexins (verður að vera það sama og lénið sem notað er til að búa til fótspor)

* /

fall deleteCookie (nafn, slóð, lén) {

ef (getCookie (nafn)) {

document.cookie = nafn + "=" +

((leið) ? "; leið =" + leið : "") +

((lén) ? "; lén =" + lén: "") +

"; rennur út = Thu, 01-Jan-70 00:00:01 GMT";

}

}

Hvað gerir JavaScript snifsinn?

Þetta bút er svolítið langt en mjög gagnlegt, það mun leyfa vefsvæðinu þínu að geyma upplýsingar á tölvu áhorfandans og lesa það síðan á öðrum tímapunkti. Hægt er að nota þetta bút á marga mismunandi vegu til að framkvæma mismunandi verkefni.

3. Forhleððu myndirnar þínar

Skjótt sýnishorn

var myndir = nýtt Array ();

virka fyrirhleðsla mynda () {

fyrir (i = 0; i < preloadImages.arguments.length; ég ++) {

myndir [i] = ný mynd ();

myndir [i] .src = preloadImages.arguments [i];

}

}

forhleðsla mynda ("logo.jpg", "main_bg.jpg", "body_bg.jpg", "haus_bg.jpg");

Hvað gerir JavaScript snifsinn?

Þessi búningur kemur í veg fyrir að vefsvæðið þitt hafi þann óþægilega tíma þegar það er aðeins að sýna hluta af síðunni; þetta lítur ekki bara illa út heldur er það einnig ófagmannlegt. Allt sem þú þarft að gera er að bæta myndunum þínum við forhleðslu myndhluta og þú ert tilbúinn til að rúlla.

4. Staðfesting tölvupósts

Skjótt sýnishorn

Höfuð:

fallið validateEmail (theForm) {
ef (/ ^ w + ([.-]? w +) * @ w + ([.-]? w +) * (. w {2,3}) + $ /. próf (theForm.email-id.value)) {
snúa aftur (satt);
}
viðvörun("Ógilt netfang! Vinsamlegast sláðu inn vandlega aftur!.");
snúa aftur (ósatt);
}

Líkami:

Netfang:

Hvað gerir JavaScript snifsinn?

Þetta snið mun staðfesta að rétt sniðið tölvupóstfang er slegið inn í form, það getur ekki ábyrgst að tölvupóstfangið sé raunverulegt, það er engin leið að athuga það með JavaScript.

5. Enginn hægri smellur

Skjótt sýnishorn

fall f1 () {
ef (document.all) {return falsk; }
}
fall f2 (e) {
if (document.layers || (document.getElementById &! document.all)) {
ef (e.which == 2 || e.which == 3) {return falsk; }
}
}
ef (document.layers) {
document.captureEvents (Event.MOUSEDOWN);
document.onmousedown = f1;
}
Annar {
document.onmouseup = f2;
document.oncontextmenu = f1;
}
document.oncontextmenu = ný aðgerð ("koma aftur ósatt");

Hvað gerir JavaScript snifsinn?

Þessi búningur kemur í veg fyrir að áhorfandinn geti hægrismellt á síðuna þína. Þetta getur dregið af meðaltal notandans frá láni mynda eða kóða af vefsvæðinu þínu.

6. Birta af handahófi tilvitnanir

Skjótt sýnishorn

Höfuð:

writeRandomQuote = fall () {
var tilvitnanir = nýtt Array ();
tilvitnanir [0] = "Aðgerð er raunverulegur mælikvarði á upplýsingaöflun.";
tilvitnanir [1] = "Baseball hefur það mikla yfirburði yfir krikket að vera fyrr enduðu.";
tilvitnanir [2] = "Sérhver markmið, hver aðgerð, hver hugsun, hver tilfinning sem maður upplifir, hvort sem hún er meðvitað eða ómeðvitað þekkt, er tilraun til að auka hugarró manns.";
tilvitnanir [3] = "Gott höfuð og gott hjarta eru alltaf ægileg samsetning.";
var rand = Math.floor (Math.random () * gæsalappir. lengd);
document.write (tilvitnanir [rand]);
}
writeRandomQuote ();

Líkami:

writeRandomQuote ();

Hvað gerir JavaScript snifsinn?

Allt í lagi svo þetta er ekki bút sem öll vefsvæði myndu nota en það er hægt að nota til að birta meira en bara af handahófi gæsalappa. Þú getur breytt innihaldi í lagi tilvitnanirnar í það sem þú vilt og hafa handahófi myndir eða texta birt hvar sem er á vefsvæðinu þínu.

7. Fyrri / Næsti hlekkur

Skjótt sýnishorn

Fyrri síða | Næsta síða

Hvað gerir JavaScript snifsinn?

Þetta snið er frábært ef þú ert með margar blaðsíður um grein eða námskeið. Það gerir notandanum kleift að fletta á milli síðanna með auðveldum hætti. Það er líka lítið og létt frá sjónarhóli auðlindarinnar.

8. Settu bókamerki á síðu

Skjótt sýnishorn

Bæta við Uppáhalds

Hvað gerir JavaScript snifsinn?

Þetta bút gerir notandanum kleift að setja bókamerki á síðuna þína auðveldlega; allt sem þeir þurfa að gera er að smella á hlekkinn. Litlu eiginleikarnir þessir sem geta aukið heildarupplifun áhorfenda.

9. Auðvelt að prenta blaðsíðu hlekk

Skjótt sýnishorn

Prenta síðu

Hvað gerir JavaScript snifsinn?

Þessi litli hlekkur leyfir skoðunum þínum að prenta síðuna þína auðveldlega. Það notar hraðprentunaraðgerðina sem þegar er stilltur af vafranum þínum og nýtir engin úrræði fyrr en smellt er á það.

10. Sýna forsniðna dagsetningu

Skjótt sýnishorn

Höfuð:

fall showDate () {
var d = ný dagsetning ();
var curr_date = d.getDate ();
var curr_month = d.getMonth () + 1; // mánuðir eru núll byggðir
var curr_year = d.getFullYear ();
document.write (curr_date + "-" + curr_month + "-" + curr_year);
}

Líkami:

showDate ();

Hvað gerir JavaScript snifsinn?

Þessi búningur gerir þér kleift að birta núverandi dagsetningu hvar sem er á vefsíðunni þinni og þarf ekki að uppfæra hana. Settu það einfaldlega á sinn stað og gleymdu því.

11. Kommuaðskilnaður

Skjótt sýnishorn

Höfuð:

fall addCommas (num) {
num + = ”;
var n1 = num.split (‘.’);
var n2 = n1 [0];
var n3 = n1.lengd > 1? ‘.’ + n1 [1]: ”;
var temp = / (d +) (d {3}) /;
meðan (temp.test (n2)) {
n2 = n2.replace (temp, ” + ‘,’ + ”);
}
var út = skila n2 + n3;
document.write (út);
}

Líkami:

bæta viðCommas ("4550989023");

Hvað gerir JavaScript snifsinn?

Þetta snitt væri aðallega notað af vefsvæðum sem nota tölur oft. Þetta búnt heldur áfram að tölurnar þínar líta eins út á borðið. Allt sem þú þarft að gera er að afrita meginlínuna þar sem þú vilt bæta við númeri og skipta um númer þar fyrir þitt númer.

12. Fáðu skjásvæði vafra

Skjótt sýnishorn

Jeffrey Wilson Administrator

Sorry! The Author has not filled his profile.
follow me