आपकी वेबसाइट के लिए 15 नि: शुल्क जावास्क्रिप्ट नमूना स्निपेट्स

जावास्क्रिप्ट का उपयोग इन दिनों ऑनलाइन किया जाता है – वेबसाइट अन्तरक्रियाशीलता को बेहतर बनाने के लिए, सूचनाओं को मान्य करने के लिए, और / या वेबसाइट के दृष्टिकोण को बेहतर बनाने के लिए.


जावास्क्रिप्ट पहली बार 1995 में दिखाई दिया और तब से एक लंबा रास्ता तय किया गया है जब तक स्वीकार किया जाता है और इसका उपयोग कैसे किया जाता है। जावास्क्रिप्ट में प्रयुक्त वाक्य-विन्यास C से बहुत प्रभावित था; लेकिन जावा, पर्ल, पायथन और स्कीम ने भी अपनी भूमिका निभाई.

JavaScrip बिगिनर टिप्स: आपको क्या जानना चाहिए?

शुरुआत के लिए, कुछ मूल बातें जिन्हें आपको जानना आवश्यक है:

  • ब्राउज़र में जावास्क्रिप्ट को बंद किया जा सकता है
  • एक पेज लोड होने पर जावास्क्रिप्ट हर बार चलेगा
  • जावास्क्रिप्ट धीमी इंटरनेट कनेक्शन पर लोड होने में समय लेती है
  • अभी भी कैश्ड पृष्ठों से जावास्क्रिप्ट को चलाया जाता है
  • आप एक .js फ़ाइल से जावास्क्रिप्ट को एक वेब पेज पर या बाह्य रूप से होस्ट कर सकते हैं
  • जावास्क्रिप्ट जावा की तुलना में पूरी तरह से अलग है

यह समझना भी महत्वपूर्ण है कि जब यह गलत तरीके से उपयोग किया जाता है तो जावास्क्रिप्ट वास्तव में आपदा का कारण बनेगा.

खराब कॉन्फ़िगर और मैला कोडित JavaScripts आपकी वेबसाइट को धीमा कर देगा और समग्र साइट नेविगेशन को नुकसान पहुंचाएगा। यह बदले में आपके आगंतुकों की वापसी दर (खराब उपयोगकर्ता अनुभव के कारण) के साथ-साथ खोज इंजन रैंकिंग (धीमी वेबसाइट प्रतिक्रिया दरों और बॉट क्रॉलिंग के कारण) को प्रभावित करता है। यहां मेरे मामले को मान्य करने में मदद करने के लिए, अपने आप को एक दर्शक के जूते में रखें। यदि आप जिस वेबसाइट पर धीरे-धीरे लोड हो रहे थे, उसे नेविगेट करना मुश्किल था, और कुल मिलाकर, अनपेक्षित – क्या आप साइट पर लौटेंगे? मैं नहीं करूँगा.

नीचे अपनी वेबसाइट पर जावास्क्रिप्ट जोड़ते समय सोचने वाली चीजों की एक छोटी सूची दी गई है.

  • क्या साइट को ठीक से काम करने के लिए जावास्क्रिप्ट आवश्यक है?
  • यदि जावास्क्रिप्ट ब्लॉक किया गया था तो साइट कैसा दिखेगा?
  • क्या जावास्क्रिप्ट सर्वर के प्रदर्शन को नुकसान पहुंचाएगा?
  • जावास्क्रिप्ट को जोड़ने से आपकी साइट को उस दिशा में ले जाने में मदद मिलेगी जहाँ आप जाना चाहते हैं?

नहीं, मैं आपको इन बिंदुओं से डराने की कोशिश नहीं कर रहा हूं.

वास्तव में, यह आपकी वेबसाइट पर जावास्क्रिप्ट का उपयोग करने से डरता नहीं है क्योंकि यह टन लाभ प्रदान करता है और, जैसा कि उल्लेख किया गया है, इसका उपयोग प्रमुखता से किया जाता है। मैं जिस महत्वपूर्ण बिंदु को यहां लाने की कोशिश कर रहा हूं, वह अनावश्यक नहीं होने पर केवल एक साइट पर जावास्क्रिप्ट विशेषताएं जोड़ना है। कुछ साइटों को बाकी की तुलना में अधिक जावास्क्रिप्ट की आवश्यकता होगी; कुछ को बस जरूरत है – सिर्फ इसलिए कि एक साइट यह कर रही है इसका मतलब यह नहीं है कि आपको भी ऐसा ही करना चाहिए.

नि: शुल्क: आपकी वेबसाइट के लिए 15 कूल जावास्क्रिप्ट स्निपेट्स

अब, चलिए उन सामानों के लिए नीचे आते हैं, जिनके लिए आप यहां आए थे – नीचे 15 जावास्क्रिप्ट स्निपेट्स की एक सूची दी गई है जो आपकी साइट को कार्यक्षमता या उपस्थिति में बढ़ाएंगे। कोड को दो खंडों में विभाजित किया जाएगा, सिर और शरीर या .js फ़ाइल। यदि कोई सेक्शन टाइटल नहीं दिया जाता है, तो उस विशेष स्निपेट की आवश्यकता नहीं है.

1. HTML5 वीडियो को समझना

त्वरित नमूना

फ़ंक्शन समझता है_विडियो () {
वापसी !! document.createElement (‘वीडियो’)। canPlayType; // बूलियन
}

अगर (समझता है_विडियो ()) {
// पुराना ब्राउज़र या IE होना चाहिए.
// हो सकता है कि कुछ ऐसा हो जैसे कि रिवाज छिपाना
// HTML5 नियंत्रण। जो कुछ भी…
videoControls.style.display = ‘कोई नहीं’;
}

जावास्क्रिप्ट स्निपेट क्या करता है?

यह छोटा सा स्निपेट आपकी वेबसाइट को एक वीडियो प्रदर्शित करने की कोशिश करने से रोकेगा, जो ब्राउज़र का समर्थन नहीं कर सकता है, जिससे आपको बैंडविड्थ और प्रोसेसिंग पावर की बचत होगी.

2. जावास्क्रिप्ट कुकीज़

त्वरित नमूना

/ **

* दिए गए नाम और मूल्य के साथ एक कुकी सेट करता है.

*

* कुकी का नाम

* कुकी का मूल्य मान

* [समाप्ति] कुकी की समाप्ति तिथि (डिफ़ॉल्ट: वर्तमान सत्र का अंत)

* [पथ] वह पथ जहाँ कुकी मान्य है (डिफ़ॉल्ट: कॉलिंग दस्तावेज़ का पथ)

* [डोमेन] वह डोमेन जहाँ कुकी मान्य है

* (डिफ़ॉल्ट: कॉलिंग दस्तावेज़ का डोमेन)

* [सुरक्षित] बूलियन मूल्य इंगित करता है कि कुकी ट्रांसमिशन की आवश्यकता है

* सुरक्षित संचरण

* /

फ़ंक्शन सेटकैकी (नाम, मान, समय सीमा समाप्त, पथ, डोमेन, सुरक्षित) {

document.cookie = नाम + "=" + भागने (मान) +

((समाप्त हो जाएगा) ? "; = समाप्त हो रहा है" + expires.toGMTString (): "") +

((पथ) ? "; पथ =" + पथ: "") +

((डोमेन) ? "; डोमेन =" + डोमेन : "") +

((सुरक्षित) ? "; सुरक्षित" : "");

}

/ **

* निर्दिष्ट कुकी का मूल्य हो जाता है.

*

* नाम वांछित कुकी का नाम.

*

* एक स्ट्रिंग निर्दिष्ट कुकी का मान देता है,

* या शून्य अगर कुकी मौजूद नहीं है.

* /

फ़ंक्शन getCookie (नाम) {

var dc = document.cookie;

var उपसर्ग = नाम + "=";

var start = dc.indexOf ("; " + उपसर्ग);

अगर (शुरुआत == -1) {

start = dc.indexOf (उपसर्ग);

अगर (शुरू! = 0) वापसी शून्य;

} अन्य {

शुरुआत + = 2;

}

var अंत = document.cookie.indexOf (";", शुरू);

अगर (अंत == -1) {

end = dc.length;

}

unescape लौटाएँ (dc.substring (आरंभ + उपसर्ग.ग्लानि, अंत));

}

/ **

* निर्दिष्ट कुकी को हटाता है.

*

* कुकी का नाम

* एक रास्ता] कुकी का पथ (कुकी बनाने के लिए उपयोग किए जाने वाले पथ के समान होना चाहिए)

* एक डोमेन] कुकी का डोमेन (कुकी बनाने के लिए उपयोग किए जाने वाले डोमेन के समान होना चाहिए)

* /

समारोह हटाएं (नाम, पथ, डोमेन) {

अगर (getCookie (नाम)) {

document.cookie = नाम + "=" +

((पथ) ? "; पथ =" + पथ: "") +

((डोमेन) ? "; डोमेन =" + डोमेन : "") +

"; expires = थू, 01-जनवरी -70 00:00:01 GMT";

}

}

जावास्क्रिप्ट स्निपेट क्या करता है?

यह स्निपेट थोड़ा लंबा है, लेकिन बहुत उपयोगी है, यह आपकी साइट को दर्शक के कंप्यूटर पर जानकारी संग्रहीत करने की अनुमति देगा और फिर इसे किसी अन्य बिंदु पर पढ़ सकता है। इस स्निपेट का उपयोग विभिन्न कार्यों को पूरा करने के लिए कई अलग-अलग तरीकों से किया जा सकता है.

3. अपनी छवियों को अधिभारित करें

त्वरित नमूना

var छवियाँ = नया ऐरे ();

समारोह preloadImages () {

के लिए (i = 0; i) < preloadImages.arguments.length; i ++) {

छवियाँ [i] = नई छवि ();

छवियाँ [i]। src = preloadImages.arguments [i];

}

}

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

जावास्क्रिप्ट स्निपेट क्या करता है?

यह स्निपेट आपकी साइट को उस अजीब समय होने से रोकेगा जब वह केवल साइट का हिस्सा प्रदर्शित कर रहा हो; यह न केवल बुरा लग रहा है, बल्कि अव्यवसायिक भी है। आपको बस इतना करना है कि अपनी छवियों को प्रीलोडइमेज अनुभाग में जोड़ें और आप रोल करने के लिए तैयार हैं.

4. ई-मेल मान्यता

त्वरित नमूना

सिर:

फ़ंक्शन मान्य करें (ईमेल करें) {
if (/ ^ w + ([.-? w +?) * @ w + ([.-? w?) *) ((w {2,3}) + $ /। test (theForm.email-id.value)} {।
वापसी (सही);
}
चेतावनी ("अमान्य ईमेल पता! कृपया फिर से ध्यान से दर्ज करें!.");
विवरण झूठा है);
}

तन:

ईमेल पता:

जावास्क्रिप्ट स्निपेट क्या करता है?

यह स्निपेट इस बात को मान्य करेगा कि एक उचित रूप से स्वरूपित ई-मेल पता एक फॉर्म में दर्ज किया गया है, यह गारंटी नहीं दे सकता है कि ई-मेल पता वास्तविक है, इसके लिए जावास्क्रिप्ट के साथ जांच करने का कोई तरीका नहीं है.

5. राइट-क्लिक नहीं

त्वरित नमूना

समारोह f1 () {
if (document.all) {झूठी वापसी; }
}
समारोह f2 (e) {
if (document.layers) (document.getElementById &! document.all)) {
if (e.which == 2 || e.which == 3) {झूठे लौटें? }
}
}
अगर (document.layers) {
document.captureEvents (Event.MOUSEDOWN);
document.onmousedown = f1;
}
अन्य {
document.onmouseup = f2;
document.oncontextmenu = f1;
}
document.oncontextmenu = नया फ़ंक्शन ("विवरण झूठा है");

जावास्क्रिप्ट स्निपेट क्या करता है?

यह स्निपेट दर्शक को आपके पृष्ठ पर राइट-क्लिक करने से रोक देगा। यह आपकी साइट से उधार लेने वाले चित्रों या कोड से औसत उपयोगकर्ता को हतोत्साहित कर सकता है.

6. रैंडम उद्धरण प्रदर्शित करें

त्वरित नमूना

सिर:

writeRandomQuote = function () {
var कोट्स = नया ऐरे ();
उद्धरण [को ०] "क्रिया बुद्धि का वास्तविक माप है.";
उद्धरण [1] = "बेसबॉल का क्रिकेट पर बहुत जल्द फायदा होता है.";
उद्धरण [2] = "प्रत्येक लक्ष्य, प्रत्येक क्रिया, प्रत्येक विचार, प्रत्येक एक अनुभव को महसूस करता है, चाहे वह सचेत रूप से हो या अनजाने में ज्ञात हो, किसी की मन की शांति के स्तर को बढ़ाने का एक प्रयास है.";
उद्धरण [3] = "एक अच्छा सिर और एक अच्छा दिल हमेशा एक दुर्जेय संयोजन होता है.";
var रैंड = Math.floor (Math.random () * quotes.length);
document.write (उद्धरण [रैंड]);
}
writeRandomQuote ();

तन:

writeRandomQuote ();

जावास्क्रिप्ट स्निपेट क्या करता है?

ठीक है तो यह एक स्निपेट नहीं है जिसका उपयोग सभी साइटें करेंगी लेकिन इसका उपयोग केवल यादृच्छिक उद्धरणों से अधिक प्रदर्शित करने के लिए किया जा सकता है। आप अपनी इच्छानुसार सामग्री को उद्धरण को बदल सकते हैं और अपनी साइट पर कहीं भी यादृच्छिक चित्र या पाठ प्रदर्शित कर सकते हैं.

7. पिछला / अगला लिंक

त्वरित नमूना

पिछला पृष्ठ | अगला पृष्ठ

जावास्क्रिप्ट स्निपेट क्या करता है?

यदि आपके पास एक लेख या ट्यूटोरियल पर कई पृष्ठ हैं, तो यह स्निपेट बहुत अच्छा है। यह उपयोगकर्ता को पृष्ठों के बीच आसानी से ब्राउज़ करने की अनुमति देगा। यह संसाधन के दृष्टिकोण से भी छोटा और हल्का वजन है.

एक पृष्ठ बुकमार्क करें

त्वरित नमूना

पसंदीदा में जोड़े

जावास्क्रिप्ट स्निपेट क्या करता है?

यह स्निपेट उपयोगकर्ता को आपके पृष्ठ को आसानी से बुकमार्क करने की अनुमति देगा; उन्हें बस इतना करना है कि लिंक पर क्लिक करें। इस तरह की इसकी छोटी विशेषताएं जो आपके दर्शकों को समग्र अनुभव में वृद्धि कर सकती हैं.

9. आसान प्रिंट पेज लिंक

त्वरित नमूना

परचे को छापें

जावास्क्रिप्ट स्निपेट क्या करता है?

यह छोटा लिंक आपके विचारों को आसानी से आपके पेज को प्रिंट करने की अनुमति देगा यह आपके ब्राउज़र द्वारा पहले से सेटअप किए गए त्वरित प्रिंट फ़ीचर का उपयोग करता है और क्लिक होने तक किसी भी संसाधन का उपयोग नहीं करता है.

10. फॉर्मेट की गई तारीख दिखाएं

त्वरित नमूना

सिर:

फंक्शन शोडेट () {
var d = new Date ();
var cur_date = d.getDate ();
var cur_month = d.getMonth () + 1; // महीने शून्य आधारित हैं
var cur_year = d.getFullYear ();
document.write (curr_date + "-" + curr_month + "-" + curr_year);
}

तन:

showDate ();

जावास्क्रिप्ट स्निपेट क्या करता है?

यह स्निपेट आपको अपने वेबपेज पर कहीं भी वर्तमान दिनांक प्रदर्शित करने की अनुमति देगा और इसे अपडेट करने की आवश्यकता नहीं है। सीधे शब्दों में कहें और इसके बारे में भूल जाओ.

11. कोमा सेपरेटर

त्वरित नमूना

सिर:

फंक्शन ऐडकमेस (संख्या) {
संख्या + = ”;
var n1 = num.split (‘।’);
var n2 = n1 [0];
var n3 = n1.length > 1? ‘।’ + एन 1 [1]: ”;
var अस्थायी = / (d +) (d {3}) /;
जबकि (temp.test (n2)) {
n2 = n2.replace (अस्थायी, ” + ‘,’ + ”);
}
var out = return n2 + n3;
document.write (बाहर);
}

तन:

addCommas ("4550989023");

जावास्क्रिप्ट स्निपेट क्या करता है?

यह स्निपेट मुख्य रूप से उन साइटों द्वारा उपयोग किया जाएगा जो अक्सर संख्याओं का उपयोग करते हैं। यह स्निपेट आपके नंबरों को पूरे बोर्ड में एक समान रखेगा। आपको बस उस बॉडी लाइन को कॉपी करना है जहां आप एक नंबर जोड़ना चाहते हैं और वहां नंबर को अपने नंबर से बदल सकते हैं.

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