15 անվճար JavaScript նմուշների հատումներ ձեր կայքերի համար

JavaScript- ը օգտագործվում է ամենուր առցանց, այս օրերին `կայքի ինտերակտիվությունը բարելավելու, տեղեկատվությունը վավերացնելու և / կամ կայքի հայացքների բարելավման համար.


JavaScript- ը առաջին անգամ հայտնվել է 1995 թ.-ին և այդ ժամանակից ի վեր երկար ճանապարհ է անցել ՝ ընդունվելու և օգտագործման եղանակով: JavaScript- ում օգտագործված շարահյուսությունն ուժեղ ազդեցություն ունեցավ C- ի վրա: բայց Java- ն, Pearl- ը, Python- ը և Scheme- ը նույնպես իրենց դերն ունեցան.

JavaScript Սկսնակ խորհուրդներ. Ինչ դուք պետք է իմանաք?

Սկսնակների համար անհրաժեշտ է իմանալ մի քանի հիմնական հիմունքներ.

  • JavaScript- ը հնարավոր է անջատել զննարկիչում
  • JavaScript- ը կաշխատի ամեն անգամ, երբ էջը բեռնվում է
  • JavaScript- ը դանդաղ ինտերնետ կապի վրա բեռնելու համար ժամանակ է հարկավոր
  • JavaScript- ը դեռ պահվում է պահված էջերից
  • Կարող եք հյուրընկալել JavaScript- ը վեբ էջում կամ արտաքինից ՝ .js ֆայլից
  • JavaScript- ը բոլորովին այլ է, քան Java- ն է

Կարևոր է նաև հասկանալ, որ JavaScript- ը իրականում կբերի աղետ, երբ այն սխալ ձևով է օգտագործվում.

Անվստահ կազմաձևված և թեք կոդավորված JavaScriptts- ը դանդաղեցնում է ձեր կայքը և կվնասի կայքի ընդհանուր նավարկությանը: Դա իր հերթին ազդում է ձեր այցելուների վերադարձի արագության վրա (օգտագործողի վատ փորձի պատճառով), ինչպես նաև որոնիչների դասակարգման վրա (վեբ կայքի արձագանքման դանդաղ տեմպերի և բոտերի սողալու պատճառով): Իմ գործը վավերացնելու հարցում այստեղ օգնելու համար ինքներդ ձեզ դրեք հեռուստադիտողի կոշիկներով: Եթե ​​ձեր կայքէջը, որին այցելում եք, դանդաղ էր բեռնված, դժվար էր նավարկելը, և, ընդհանուր առմամբ, անհայտանալը ՝ կվերադառնա՞ք կայք: Ես չէի լինի.

Ստորև բերված է JavaScript- ը ձեր վեբ կայքում ավելացնելիս մտածելու բաների մի փոքր ցանկ.

  • Արդյո՞ք JavaScript- ը անհրաժեշտ է, որպեսզի կայքը պատշաճ գործի?
  • Ինչ տեսք կունենա կայքը, եթե JavaScript- ը արգելափակված է?
  • Արդյո՞ք JavaScript- ը կվնասի սերվերի աշխատանքը?
  • JavaScript- ը ավելացնելով կօգնի ձեր կայքը տեղափոխել այն ուղղությամբ, որով ցանկանում եք?

Ոչ, ես չեմ փորձում վախեցնել ձեզ այս կետերից.

Իրականում, մի վախեցեք ձեր JavaScript- ից օգտվել ձեր կայքերում, քանի որ այն տալիս է տոննա առավելություններ, և, ինչպես նշվեց, այն օգտագործվում է մեծամասնության կողմից: Հիմնական կետը, որով ես փորձում եմ ձեռք բերել այստեղ, պարզապես չպետք է շարունակեք JavaScript- ի հատկությունները մի կայք ավելացնել, երբ դրանք ավելորդ չեն: Որոշ կայքեր կարիք կունենան ավելի շատ JavaScript, քան մնացածը: ոմանք պարզապես ավելի քիչ են պետք. պարզապես այն պատճառով, որ մի կայք է դա անում, չի նշանակում, որ դուք պետք է անեք նույնը.

FreeBies. 15 զով JavaScript հատումներ ձեր կայքի համար

Հիմա եկեք հասկանանք այն իրերը, որոնց համար եկել եք այստեղ. Ստորև բերված է JavaScript- ի 15 հատ հատվածների ցանկ, որոնք կբարձրացնեն ձեր կայքը կամ ֆունկցիոնալությամբ և տեսքով: Կոդը բաժանվելու է երկու հատվածի ՝ գլխի և մարմնի կամ .js ֆայլ: Եթե ​​ոչ մի բաժնի վերնագիր չի տրվում, ապա դա անհրաժեշտ չէ տվյալ առանձնահատկության համար.

1. Հասկանալով HTML5 տեսանյութը

Արագ նմուշ

գործառույթը հասկանում է_ վիդեո ()
վերադարձնել !! document.createElement (‘տեսանյութ’): canPlayType; // բոուլան
}

եթե (! հասկանում_ վիդեո ()) {
// Պետք է լինի ավելի հին զննարկիչ կամ IE.
// Գուցե ինչ-որ բան այնպես արեք, որ թաքցնել սովորությունը
// HTML5 վերահսկում: Կամ էլ ինչ…
videoControls.style.display = ‘ոչ մեկը’;
}

Ի՞նչ է անում JavaScript- ի կտորը?

Այս փոքրիկ հատվածը թույլ կտա ձեր վեբ կայքին փորձել ցուցադրել մի տեսանյութ, որը զննարկիչը չի կարող աջակցել ՝ խնայելով ձեզ թողունակությունը և վերամշակող ուժը.

2. JavaScript Տեղեկանիշ

Արագ նմուշ

/ **

* Կոմպլեկտներ է սահմանում տվյալ անունով և արժեքով.

*

* անունը cookie- ի անունը

* արժեք Cookie- ի արժեքը

* [լրանում է] cookie- ի ժամկետի ավարտը (լռելյայն. ընթացիկ նստաշրջանի ավարտ)

* [path] Ուղին, որտեղ վեբ-cookie- ն վավեր է (լռելյայն. փաստաթղթի զանգահարման ուղին)

* [տիրույթ] Դոմեյն, որտեղ cookie- ն վավեր է

* (Լռելյայն. Զանգահարող փաստաթղթի տիրույթ)

* [ապահով] բուլյան արժեք, նշելով, թե արդյոք cookie- ի փոխանցումը պահանջում է a

* Անվտանգ փոխանցում

* /

գործառույթի setCookie (անուն, արժեք, ժամկետանց, ուղի, տիրույթ, անվտանգ) domain

document.cookie = անուն + "=" + փախուստ (արժեք) +

((լրանում է) ? "; լրանում է =" + սպառվում է .toGMTString (): "") +

((ուղի) ? "; ուղի =" + ուղի: "") +

((տիրույթ) ? "; տիրույթ =" + տիրույթ. "") +

((ապահով) ? "; ապահով" : "");

}

/ **

* Ստանում է նշված cookie- ի արժեքը.

*

* անունը ofանկալի cookie- ի անուն.

*

* Վերադարձնում է նշված cookie- ի արժեք պարունակող տողը,

* Կամ զրոյական, եթե cookie- ն գոյություն չունի.

* /

գործառույթը getCookie (անունը)

var dc = document.cookie;

var նախածանց = անուն + "=";

var fill = dc.indexOf ("; " + նախածանց);

եթե (սկիզբ == -1)

սկիզբ = dc.indexOf (նախածանց);

եթե (սկսել! = 0) վերադարձնել զրոյական;

} ուրիշ

սկսեք + = 2;

}

var end = document.cookie.indexOf (";", սկսվում);

եթե (վերջ == -1)

վերջ = dc.l երկարություն;

}

վերադարձնել unescape (dc.substring (սկսել + նախածանց. երկարություն, վերջ));

}

/ **

* Delնջում է նշված cookie- ն.

*

* cookie- ի անունը

cookie- ի [ուղին] ուղին (պետք է լինի նույնը, ինչ cookie ստեղծելու ուղին է)

* cookie- ի [տիրույթը] տիրույթը (պետք է լինի նույնը, ինչպես cookie- ն ստեղծելու համար օգտագործվող տիրույթը)

* /

գործառույթը DeleteCookie (անուն, ուղի, տիրույթ) {

եթե (getCookie (անունը)) {

document.cookie = անուն + "=" +

((ուղի) ? "; ուղի =" + ուղի: "") +

((տիրույթ) ? "; տիրույթ =" + տիրույթ. "") +

"; լրանում է = Thu, 01-Jan-70 00:00:01 GMT";

}

}

Ի՞նչ է անում JavaScript- ի կտորը?

Այս հատվածը մի փոքր երկար է, բայց շատ օգտակար, այն թույլ կտա ձեր կայքին պահել տեղեկատվություն հեռուստադիտողի համակարգչում, այնուհետև կարդալ այն ժամանակի այլ կետում: Այս հատվածը կարող է օգտագործվել տարբեր առաջադրանքներով ՝ տարբեր առաջադրանքներ իրականացնելու համար.

3. Preload ձեր պատկերները

Արագ նմուշ

var պատկերներ = նոր զանգված ();

գործառույթի preloadImages ()

համար (i = 0; i < preloadImages.argument.l length; ես ++) {

պատկերներ [i] = նոր պատկեր ();

պատկերներ [i] .src = preloadImages.argument [i];

}

}

preloadImages ("logo.jpg", "main_bg.jpg", "body_bg.jpg", "header_bg.jpg");

Ի՞նչ է անում JavaScript- ի կտորը?

Այս հատվածը թույլ կտա ձեր կայքին ունենալ այդ անհարմար ժամանակը, երբ այն միայն ցուցադրում է կայքի մի մասը. սա ոչ միայն վատ է թվում, այլև ոչ պրոֆեսիոնալ: Դուք պետք է միայն ավելացնեք ձեր պատկերները preloadImages բաժնում և պատրաստ եք գլորում.

4. Էլ.փոստի վավերացում

Արագ նմուշ

Գլուխ:

գործառույթի վավերացման էլփոստ (theForm) {
եթե (/ ^ w + ([.-]? w +) * @ w + ([.-]? w +) * (. w {2,3}) + $ /. թեստ (theForm.email-id.value)) {
վերադարձ (ճշմարիտ);
}
զգոն ("Անվավեր էլ. Փոստի հասցե: Խնդրում ենք կրկին ուշադիր մուտքագրել!.");
վերադարձ (կեղծ);
}

Մարմին:

Էլեկտրոնային հասցե:

Ի՞նչ է անում JavaScript- ի կտորը?

Այս հատվածը կհաստատի, որ պատշաճ ձևավորված էլեկտրոնային փոստի հասցեն մուտքագրվում է ձևով, այն չի կարող երաշխավորել, որ էլ. Փոստի հասցեն իրական է, չկա JavaScript- ի միջոցով դրա ստուգման եղանակ:.

5. Ո՛չ աջ սեղմումով

Արագ նմուշ

գործառույթ f1 ()
if (document.all) {վերադարձ կեղծ. }
}
գործառույթ f2 (e)
եթե (document.layers ||) (document.getElementById &! փաստաթուղթ.ալ)) {
if (e.which == 2 || e.which == 3) {վերադարձ կեղծ; }
}
}
եթե (document.layers) {
document.captureEvents (իրադարձություն. ԲԱԱՌԻԿ);
document.onmousedown = f1;
}
ուրիշ {
document.onmouseup = f2;
document.oncontextmenu = f1;
}
document.oncontextmenu = նոր գործառույթ ("վերադարձ կեղծ");

Ի՞նչ է անում JavaScript- ի կտորը?

Այս հատվածը թույլ կտա դիտողին չկարողանալով աջով սեղմել ձեր էջը: Սա կարող է հուսալքել միջին օգտագործողին վարկեր վերցրած պատկերներից կամ կոդից ձեր կայքից.

6. Displayուցադրել պատահական գնանշաններ

Արագ նմուշ

Գլուխ:

writeRandomQuote = գործառույթ ()
var quotes = new Array ();
մեջբերում [0] = "Գործողությունը հետախուզության իրական միջոց է.";
մեջբերում [1] = "Բեյսբոլը մեծ առավելություն ունի ավելի շուտ ավարտվելու քրիկետի նկատմամբ.";
մեջբերում [2] = "Յուրաքանչյուր նպատակ, յուրաքանչյուր գործողություն, յուրաքանչյուր միտք, յուրաքանչյուր զգացողություն, լինի դա գիտակցաբար կամ անգիտակցաբար հայտնի, փորձ է բարձրացնել մարդու մտքի խաղաղության մակարդակը.";
մեջբերում [3] = "Լավ գլուխը և լավ սիրտը միշտ ահռելի համադրություն են.";
var rand = Math.floor (Math.random () * quotes.l length);
document.write (մեջբերում [rand]);
}
գրելRandomQuote ();

Մարմին:

գրելRandomQuote ();

Ի՞նչ է անում JavaScript- ի կտորը?

Ok, այնպես որ սա բոլոր այն կայքեր չէ, որոնք կօգտագործեն բոլոր կայքերը, բայց այն կարող է օգտագործվել ավելի քան պատահական գնանշումներ ցուցադրելու համար: Դուք կարող եք փոխել բովանդակությունը չհամապատասխան գնանշումների վրա, ինչ ուզում եք և ունենաք պատահական պատկերներ կամ տեքստ, որոնք ցուցադրվում են ձեր կայքի ցանկացած վայրում.

7. Նախորդ / հաջորդ հղումներ

Արագ նմուշ

Նախորդ էջ | Հաջորդ էջը

Ի՞նչ է անում JavaScript- ի կտորը?

Այս հատվածը հիանալի է, եթե հոդվածում կամ ձեռնարկում ունեք բազմաթիվ էջեր: Դա թույլ կտա օգտագործողին հեշտությամբ թերթել էջերի միջև: Այն նաև փոքր և թեթև քաշ է ռեսուրսային տեսանկյունից.

8. Էջանշել էջը

Արագ նմուշ

Ավելացնել ընտրյալների մեջ

Ի՞նչ է անում JavaScript- ի կտորը?

Այս հատվածը թույլ կտա օգտագործողին հեշտությամբ էջանշել ձեր էջը. այն ամենը, ինչ նրանք պետք է անեն, կտտացրեք հղմանը: Դրա նման փոքր առանձնահատկությունները, որոնք կարող են մեծացնել ձեր հեռուստադիտողների ընդհանուր փորձը.

9. Էջի հղման հեշտ տպում

Արագ նմուշ

Տպել էջը

Ի՞նչ է անում JavaScript- ի կտորը?

Այս փոքրիկ հղումը թույլ կտա ձեր հայացքները հեշտությամբ տպել ձեր էջը: Այն օգտագործում է ձեր զննարկչի կողմից արդեն տեղադրված արագ տպագրության գործառույթը և չի օգտագործում որևէ ռեսուրս, մինչև այն կտտացվի.

10. Showույց տալ ձևավորված ամսաթիվը

Արագ նմուշ

Գլուխ:

գործառույթի showDate ()
var d = նոր Ամսաթիվ ();
var curr_date = d.getDate ();
var curr_month = d.getMonth () + 1; // ամիսները հիմնված են զրոյի
var curr_year = d.getFullYear ();
document.write (curr_date) + "-" + curr_month + "-" + curr_year);
}

Մարմին:

showDate ();

Ի՞նչ է անում JavaScript- ի կտորը?

Այս հատվածը թույլ կտա ձեզ ցուցադրել ընթացիկ ամսաթիվը ցանկացած վայրում, ձեր կայքում և կարիք չունի թարմացնել: Պարզապես դրեք այն տեղում և մոռացեք դրա մասին.

11. ստորակետ առանձնացնող

Արագ նմուշ

Գլուխ:

գործառույթի addCommas (num)
num + = ”;
var n1 = num.split (‘.’);
var n2 = n1 [0];
var n3 = n1.l երկարությունը > 1? ” + n1 [1]: ”;
var temp = / (d +) (d {3}) /;
իսկ (temp.test (n2)) {
n2 = n2.replace (temp, ” + ‘,’ + ”);
}
var out = վերադարձ n2 + n3;
document.write (դուրս);
}

Մարմին:

addCommas ("4550989023");

Ի՞նչ է անում JavaScript- ի կտորը?

Այս հատվածը հիմնականում օգտագործվում է այն կայքերի կողմից, որոնք հաճախ օգտագործում են համարները: Այս հատվածը կպահպանի ձեր համարները նույն տախտակի վրա: Այն ամենը, ինչ դուք պետք է անեք, պատճենեք մարմնի գիծը, որտեղ ուզում եք մի համար ավելացնել և այնտեղ համարը փոխարինել ձեր համարով.

12. Ստացեք զննարկչի ցուցադրման գոտին

Արագ նմուշ

Jeffrey Wilson Administrator

Sorry! The Author has not filled his profile.
follow me
    0
    Like this post? Please share to your friends:
    Adblock
    detector
    map