ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಳಿಗಾಗಿ 15 ಉಚಿತ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮಾದರಿ ತುಣುಕುಗಳು

ಲೇಖನ ಬರೆದ:
  • ವಿಶಿಷ್ಟ ಲೇಖನಗಳು
  • ನವೀಕರಿಸಲಾಗಿದೆ: ಸೆಪ್ಟೆಂಬರ್ 23, 2019

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಗಿದೆ ಈ ದಿನಗಳಲ್ಲಿ ಆನ್‌ಲೈನ್‌ನಲ್ಲಿ ಎಲ್ಲೆಡೆ ಬಳಸಲಾಗುತ್ತದೆ - ವೆಬ್‌ಸೈಟ್ ಸಂವಾದಾತ್ಮಕತೆಯನ್ನು ಸುಧಾರಿಸಲು, ಮಾಹಿತಿಯನ್ನು ಮೌಲ್ಯೀಕರಿಸಲು ಮತ್ತು / ಅಥವಾ ವೆಬ್‌ಸೈಟ್ ದೃಷ್ಟಿಕೋನಗಳನ್ನು ಸುಧಾರಿಸಲು.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಮೊದಲು 1995 ನಲ್ಲಿ ಕಾಣಿಸಿಕೊಂಡಿತು ಮತ್ತು ಅಂದಿನಿಂದ ಇದು ಬಹಳ ದೂರದಲ್ಲಿದೆ ಮತ್ತು ಅಂಗೀಕರಿಸಲ್ಪಟ್ಟಿದೆ ಮತ್ತು ಅದನ್ನು ಹೇಗೆ ಬಳಸಲಾಗಿದೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ನಲ್ಲಿ ಬಳಸಲಾದ ಸಿಂಟ್ಯಾಕ್ಸ್ ಸಿ ಯಿಂದ ಬಲವಾಗಿ ಪ್ರಭಾವಿತವಾಗಿದೆ; ಆದರೆ ಜಾವಾ, ಪರ್ಲ್, ಪೈಥಾನ್ ಮತ್ತು ಸ್ಕೀಮ್ ಸಹ ಅದರ ಪಾತ್ರವನ್ನು ವಹಿಸಿವೆ.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಿಗಿನರ್ ಸಲಹೆಗಳು: ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದದ್ದು ಏನು?

ಆರಂಭಿಕರಿಗಾಗಿ, ನೀವು ತಿಳಿದುಕೊಳ್ಳಬೇಕಾದ ಕೆಲವು ಮೂಲಭೂತ ಅಂಶಗಳು ಹೀಗಿವೆ:

  • ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಫ್ ಮಾಡಬಹುದು
  • ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಿದಾಗಲೆಲ್ಲಾ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಚಾಲನೆಯಾಗುತ್ತದೆ
  • ನಿಧಾನಗತಿಯ ಇಂಟರ್ನೆಟ್ ಸಂಪರ್ಕವನ್ನು ಲೋಡ್ ಮಾಡಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸಮಯ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ
  • ಸಂಗ್ರಹಿಸಿದ ಪುಟಗಳಿಂದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಇನ್ನೂ ಚಾಲನೆಯಲ್ಲಿದೆ
  • ನೀವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ವೆಬ್ ಪುಟದಲ್ಲಿ ಅಥವಾ ಬಾಹ್ಯವಾಗಿ .js ಫೈಲ್‌ನಿಂದ ಹೋಸ್ಟ್ ಮಾಡಬಹುದು
  • ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಜಾವಾಕ್ಕಿಂತ ಸಂಪೂರ್ಣವಾಗಿ ಭಿನ್ನವಾಗಿದೆ

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ತಪ್ಪಾದ ರೀತಿಯಲ್ಲಿ ಬಳಸಿದಾಗ ಅದು ನಿಜವಾಗಿಯೂ ವಿಪತ್ತಿಗೆ ಕಾರಣವಾಗುತ್ತದೆ ಎಂಬುದನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು ಸಹ ಮುಖ್ಯವಾಗಿದೆ.

ಕಳಪೆ ಕಾನ್ಫಿಗರ್ ಮತ್ತು ಸ್ಲೋಪಿ ಕೋಡೆಡ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್ ಅನ್ನು ನಿಧಾನಗೊಳಿಸುತ್ತದೆ ಮತ್ತು ಒಟ್ಟಾರೆ ಸೈಟ್ ನ್ಯಾವಿಗೇಷನ್‌ಗೆ ಹಾನಿ ಮಾಡುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಸಂದರ್ಶಕರ ಆದಾಯದ ದರವನ್ನು (ಕೆಟ್ಟ ಬಳಕೆದಾರರ ಅನುಭವದಿಂದಾಗಿ) ಹಾಗೂ ಸರ್ಚ್ ಎಂಜಿನ್ ಶ್ರೇಯಾಂಕಗಳ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ (ವೆಬ್‌ಸೈಟ್ ಪ್ರತಿಕ್ರಿಯೆ ದರಗಳು ನಿಧಾನ ಮತ್ತು ಬೋಟ್ ಕ್ರಾಲ್ ಕಾರಣ). ನನ್ನ ಪ್ರಕರಣವನ್ನು ಇಲ್ಲಿ ಮೌಲ್ಯೀಕರಿಸಲು ಸಹಾಯ ಮಾಡಲು, ನಿಮ್ಮನ್ನು ವೀಕ್ಷಕರ ಪಾದರಕ್ಷೆಯಲ್ಲಿ ಇರಿಸಿ. ನೀವು ಭೇಟಿ ನೀಡುತ್ತಿರುವ ವೆಬ್‌ಸೈಟ್ ನಿಧಾನವಾಗಿ ಲೋಡ್ ಆಗಿದ್ದರೆ, ನ್ಯಾವಿಗೇಟ್ ಮಾಡುವುದು ಕಷ್ಟ, ಮತ್ತು ಒಟ್ಟಾರೆಯಾಗಿ, ಅನಪೇಕ್ಷಿತವಾಗಿದ್ದರೆ - ನೀವು ಸೈಟ್‌ಗೆ ಹಿಂತಿರುಗುತ್ತೀರಾ? ನಾನು ಆಗುವುದಿಲ್ಲ.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸೇರಿಸುವಾಗ ಯೋಚಿಸಬೇಕಾದ ಸಣ್ಣ ಪಟ್ಟಿಯನ್ನು ಕೆಳಗೆ ನೀಡಲಾಗಿದೆ ನಿಮ್ಮ ಜಾಲತಾಣ.

  • ಸೈಟ್ ಸರಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸಲು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಗತ್ಯವಿದೆಯೇ?
  • ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ನಿರ್ಬಂಧಿಸಿದ್ದರೆ ಸೈಟ್ ಹೇಗಿರುತ್ತದೆ?
  • ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸರ್ವರ್ ಕಾರ್ಯಕ್ಷಮತೆಗೆ ಹಾನಿಯಾಗುತ್ತದೆಯೇ?
  • ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಸೇರಿಸುವುದರಿಂದ ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ನೀವು ಬಯಸುವ ದಿಕ್ಕಿನಲ್ಲಿ ಸರಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ?

ಇಲ್ಲ, ಈ ಅಂಶಗಳೊಂದಿಗೆ ನಾನು ನಿಮ್ಮನ್ನು ಹೆದರಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತಿಲ್ಲ.

ವಾಸ್ತವವಾಗಿ, ಹಿಂಜರಿಯದಿರಿ ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಳಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸಿ ಇದು ಟನ್ ಪ್ರಯೋಜನಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ ಮತ್ತು ಹೇಳಿದಂತೆ, ಇದನ್ನು ಬಹುಸಂಖ್ಯಾತರು ಬಳಸುತ್ತಾರೆ. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಅನಗತ್ಯವಾಗಿರುವಾಗ ಸೈಟ್‌ಗೆ ಸೇರಿಸುವುದನ್ನು ನಾನು ಇಲ್ಲಿಗೆ ಹೋಗಲು ಪ್ರಯತ್ನಿಸುತ್ತಿಲ್ಲ. ಕೆಲವು ಸೈಟ್‌ಗಳಿಗೆ ಉಳಿದವುಗಳಿಗಿಂತ ಹೆಚ್ಚಿನ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಅಗತ್ಯವಿರುತ್ತದೆ; ಕೆಲವರಿಗೆ ಕಡಿಮೆ ಅಗತ್ಯವಿರುತ್ತದೆ - ಒಂದು ಸೈಟ್ ಮಾಡುತ್ತಿರುವುದರಿಂದ ನೀವು ಅದೇ ರೀತಿ ಮಾಡಬೇಕು ಎಂದು ಅರ್ಥವಲ್ಲ.

ಫ್ರೀಬಿಗಳು: ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್‌ಗಾಗಿ 15 ಕೂಲ್ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕುಗಳು

ಈಗ, ನೀವು ಇಲ್ಲಿಗೆ ಬಂದ ವಿಷಯಗಳಿಗೆ ಇಳಿಯೋಣ - ಕೆಳಗೆ 15 ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕುಗಳ ಪಟ್ಟಿ ಇದೆ, ಅದು ನಿಮ್ಮ ಸೈಟ್ ಅನ್ನು ಕ್ರಿಯಾತ್ಮಕತೆ ಅಥವಾ ನೋಟದಲ್ಲಿ ಹೆಚ್ಚಿಸುತ್ತದೆ. ಕೋಡ್ ಅನ್ನು ತಲೆ ಮತ್ತು ದೇಹ ಅಥವಾ .js ಫೈಲ್ ಎಂದು ಎರಡು ವಿಭಾಗಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗುತ್ತದೆ. ಯಾವುದೇ ವಿಭಾಗದ ಶೀರ್ಷಿಕೆಯನ್ನು ನೀಡದಿದ್ದರೆ ಅದು ನಿರ್ದಿಷ್ಟ ತುಣುಕಿಗೆ ಅಗತ್ಯವಿಲ್ಲ.

1. HTML5 ವೀಡಿಯೊವನ್ನು ಅರ್ಥೈಸಿಕೊಳ್ಳುವುದು

ತ್ವರಿತ ಮಾದರಿ

<script type = "text / javascript"> ಕಾರ್ಯವು ಅರ್ಥವಾಗುತ್ತದೆ_ವಿಡಿಯೋ () {ರಿಟರ್ನ್ !! document.createElement ('video'). canPlayType; // ಬೂಲಿಯನ್} if (! ಅರ್ಥವಾಗುತ್ತಿದೆ_ವಿಡಿಯೋ ()) {// ಹಳೆಯ ಬ್ರೌಸರ್ ಅಥವಾ ಐಇ ಆಗಿರಬೇಕು. // ಬಹುಶಃ ಕಸ್ಟಮ್ ಅನ್ನು ಮರೆಮಾಡಿ // HTML5 ನಿಯಂತ್ರಣಗಳನ್ನು ಮಾಡಿ. ಅಥವಾ ಏನೇ ಇರಲಿ ... videoControls.style.display = 'ಯಾವುದೂ ಇಲ್ಲ'; } </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ಚಿಕ್ಕ ತುಣುಕು ನಿಮ್ಮ ವೆಬ್‌ಸೈಟ್ ಬ್ರೌಸರ್ ಬೆಂಬಲಿಸದ ವೀಡಿಯೊವನ್ನು ಪ್ರದರ್ಶಿಸಲು ಪ್ರಯತ್ನಿಸುವುದನ್ನು ತಡೆಯುತ್ತದೆ, ನಿಮಗೆ ಬ್ಯಾಂಡ್‌ವಿಡ್ತ್ ಮತ್ತು ಸಂಸ್ಕರಣಾ ಶಕ್ತಿಯನ್ನು ಉಳಿಸುತ್ತದೆ.

2. ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕುಕೀಸ್

ತ್ವರಿತ ಮಾದರಿ

<script type = "text / javascript"> / ** * ಕೊಟ್ಟಿರುವ ಹೆಸರು ಮತ್ತು ಮೌಲ್ಯದೊಂದಿಗೆ ಕುಕಿಯನ್ನು ಹೊಂದಿಸುತ್ತದೆ. * * ಹೆಸರು ಕುಕಿಯ ಹೆಸರು * ಮೌಲ್ಯ ಕುಕಿಯ ಮೌಲ್ಯ * [ಮುಕ್ತಾಯಗೊಳ್ಳುತ್ತದೆ] ಕುಕಿಯ ಮುಕ್ತಾಯ ದಿನಾಂಕ (ಡೀಫಾಲ್ಟ್: ಪ್ರಸ್ತುತ ಅಧಿವೇಶನದ ಅಂತ್ಯ) * [ಮಾರ್ಗ] ಕುಕೀ ಮಾನ್ಯವಾಗಿರುವ ಹಾದಿ (ಡೀಫಾಲ್ಟ್: ಕರೆ ಮಾಡುವ ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಮಾರ್ಗ) * [ ಡೊಮೇನ್] ಕುಕೀ ಮಾನ್ಯವಾಗಿರುವ ಡೊಮೇನ್ * (ಡೀಫಾಲ್ಟ್: ಕರೆ ಮಾಡುವ ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಡೊಮೇನ್) * [ಸುರಕ್ಷಿತ] ಕುಕೀ ಪ್ರಸರಣಕ್ಕೆ * ಸುರಕ್ಷಿತ ಪ್ರಸರಣ * / ಫಂಕ್ಷನ್ ಸೆಟ್‌ಕೂಕಿ ಅಗತ್ಯವಿದ್ದರೆ ಸೂಚಿಸುವ ಬೂಲಿಯನ್ ಮೌಲ್ಯ (ಹೆಸರು, ಮೌಲ್ಯ, ಅವಧಿ, ಮಾರ್ಗ, ಡೊಮೇನ್, ಸುರಕ್ಷಿತ) {document.cookie = name + "=" + ಪಾರು (ಮೌಲ್ಯ) + ((ಅವಧಿ ಮುಗಿಯುತ್ತದೆ)? "; ಅವಧಿ ಮುಗಿಯುತ್ತದೆ =" + ಅವಧಿ ಮೀರುತ್ತದೆ. ToGMTString (): "") + ((ಮಾರ್ಗ)? "; ಮಾರ್ಗ =" + ಮಾರ್ಗ: "") + ((ಡೊಮೇನ್)? "; ಡೊಮೇನ್ =" + ಡೊಮೇನ್: "") + ((ಸುರಕ್ಷಿತ)? "; ಸುರಕ್ಷಿತ": ""); } </script> <script type = "text / javascript"> / ** * ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಕುಕಿಯ ಮೌಲ್ಯವನ್ನು ಪಡೆಯುತ್ತದೆ. * * ಹೆಸರು ಅಪೇಕ್ಷಿತ ಕುಕಿಯ ಹೆಸರು. * * ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಕುಕಿಯ ಮೌಲ್ಯವನ್ನು ಹೊಂದಿರುವ ಸ್ಟ್ರಿಂಗ್ ಅನ್ನು ಹಿಂತಿರುಗಿಸುತ್ತದೆ, ಅಥವಾ ಕುಕೀ ಅಸ್ತಿತ್ವದಲ್ಲಿಲ್ಲದಿದ್ದರೆ ಶೂನ್ಯವಾಗಿರುತ್ತದೆ. * / ಫಂಕ್ಷನ್ getCookie (ಹೆಸರು) {var dc = document.cookie; var ಪೂರ್ವಪ್ರತ್ಯಯ = ಹೆಸರು + "="; var begin = dc.indexOf (";" + ಪೂರ್ವಪ್ರತ್ಯಯ); if (begin == -1) {begin = dc.indexOf (ಪೂರ್ವಪ್ರತ್ಯಯ); if (begin! = 0) ಶೂನ್ಯಕ್ಕೆ ಹಿಂತಿರುಗಿ; } else {begin + = 2; } var end = document.cookie.indexOf (";", ಪ್ರಾರಂಭ); if (end == -1) {end = dc.length; } ರಿಟರ್ನ್ ಅನ್‌ಸ್ಕೇಪ್ (dc.substring (begin + prefix.length, end)); } </script> <script type = "text / javascript"> / ** * ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಕುಕಿಯನ್ನು ಅಳಿಸುತ್ತದೆ. * * ಕುಕಿಯ ಹೆಸರಿನ ಹೆಸರು * [ಪಥ] ಕುಕಿಯ ಮಾರ್ಗ (ಕುಕಿಯನ್ನು ರಚಿಸಲು ಬಳಸುವ ಮಾರ್ಗದಂತೆಯೇ ಇರಬೇಕು) * [ಡೊಮೇನ್] ಕುಕಿಯ ಡೊಮೇನ್ (ಕುಕಿಯನ್ನು ರಚಿಸಲು ಬಳಸುವ ಡೊಮೇನ್‌ನಂತೆಯೇ ಇರಬೇಕು) * / ಫಂಕ್ಷನ್ ಡಿಲೀಟ್‌ಕೂಕಿ ( name, path, domain) {if (getCookie (name)) {document.cookie = name + "=" + ((path)? "; path =" + path: "") + ((ಡೊಮೇನ್)? "; ಡೊಮೇನ್. = "+ ಡೊಮೇನ್:" ") +"; }} </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕು ಸ್ವಲ್ಪ ಉದ್ದವಾಗಿದೆ ಆದರೆ ತುಂಬಾ ಉಪಯುಕ್ತವಾಗಿದೆ, ಇದು ನಿಮ್ಮ ಸೈಟ್‌ಗೆ ವೀಕ್ಷಕರ ಕಂಪ್ಯೂಟರ್‌ನಲ್ಲಿ ಮಾಹಿತಿಯನ್ನು ಸಂಗ್ರಹಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ ಮತ್ತು ನಂತರ ಅದನ್ನು ಮತ್ತೊಂದು ಸಮಯದಲ್ಲಿ ಓದಲು ಅನುಮತಿಸುತ್ತದೆ. ಈ ತುಣುಕನ್ನು ವಿಭಿನ್ನ ಕಾರ್ಯಗಳನ್ನು ಸಾಧಿಸಲು ಹಲವು ವಿಧಗಳಲ್ಲಿ ಬಳಸಬಹುದು.

3. ನಿಮ್ಮ ಚಿತ್ರಗಳನ್ನು ಪೂರ್ವ ಲೋಡ್ ಮಾಡಿ

ತ್ವರಿತ ಮಾದರಿ

<script type = "text / javascript"> var images = new array (); (i = 0; i <preloadImages.arguments.length; i ++) {ಚಿತ್ರಗಳು [i] = ಹೊಸ ಚಿತ್ರ (); ಚಿತ್ರಗಳು [i] .src = preloadImages.arguments [i]; }} ಪೂರ್ವ ಲೋಡ್ ಇಮೇಜಸ್ ("logo.jpg", "main_bg.jpg", "body_bg.jpg", "header_bg.jpg"); </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕು ನಿಮ್ಮ ಸೈಟ್‌ಗೆ ಸೈಟ್‌ನ ಒಂದು ಭಾಗವನ್ನು ಮಾತ್ರ ಪ್ರದರ್ಶಿಸುವಾಗ ಆ ವಿಚಿತ್ರ ಸಮಯವನ್ನು ತಡೆಯುತ್ತದೆ; ಇದು ಕೆಟ್ಟದಾಗಿ ಕಾಣುವುದು ಮಾತ್ರವಲ್ಲದೆ ವೃತ್ತಿಪರವೂ ಅಲ್ಲ. ನೀವು ಮಾಡಬೇಕಾಗಿರುವುದು ನಿಮ್ಮ ಚಿತ್ರಗಳನ್ನು ಪೂರ್ವ ಲೋಡ್ ಇಮೇಜಸ್ ವಿಭಾಗಕ್ಕೆ ಸೇರಿಸಿ ಮತ್ತು ನೀವು ರೋಲ್ ಮಾಡಲು ಸಿದ್ಧರಿದ್ದೀರಿ.

4. ಇ-ಮೇಲ್ ಕ್ರಮಬದ್ಧಗೊಳಿಸುವಿಕೆ

ತ್ವರಿತ ಮಾದರಿ

ತಲೆ:

<script type = "text / javascript"> ಫಂಕ್ಷನ್ validateEmail (theForm) {if (/^w+( Leisure.- ]?w+)*@w+( Leisure.-]? w+) * (. wl2,3==) + /.test(theForm.email-id.value)) {ರಿಟರ್ನ್ (ನಿಜ); } ಎಚ್ಚರಿಕೆ ("ಅಮಾನ್ಯ ಇ-ಮೇಲ್ ವಿಳಾಸ! ದಯವಿಟ್ಟು ಮತ್ತೆ ಎಚ್ಚರಿಕೆಯಿಂದ ನಮೂದಿಸಿ!"); ಹಿಂತಿರುಗಿ (ಸುಳ್ಳು); } </script>

ದೇಹ: <form onSubmit = "return validateEmail (ಇದು);" action = ""> ಇ-ಮೇಲ್ ವಿಳಾಸ: <input type = "text" name = "emailid" /> <input type = "submit" value = "Submit" /> <input type = "reset" value = "Reset" /> </form>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕು ಸರಿಯಾಗಿ ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಲಾದ ಇ-ಮೇಲ್ ವಿಳಾಸವನ್ನು ಒಂದು ರೂಪದಲ್ಲಿ ನಮೂದಿಸಿದೆ ಎಂದು ದೃ ate ೀಕರಿಸುತ್ತದೆ, ಇ-ಮೇಲ್ ವಿಳಾಸವು ನಿಜವೆಂದು ಖಾತರಿಪಡಿಸುವುದಿಲ್ಲ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಅದನ್ನು ಪರೀಕ್ಷಿಸಲು ಯಾವುದೇ ಮಾರ್ಗವಿಲ್ಲ.

5. ಬಲ ಕ್ಲಿಕ್ ಇಲ್ಲ

ತ್ವರಿತ ಮಾದರಿ

<script type = "text / javascript"> ಕಾರ್ಯ f1 () {if (document.all) {ಸುಳ್ಳನ್ನು ಹಿಂತಿರುಗಿಸುತ್ತದೆ; }} ಕ್ರಿಯೆ f2 (e) {if (document.layers || (document.getElementById &! document.all)) {if (e.which == 2 || e.which == 3) false ಸುಳ್ಳನ್ನು ಹಿಂತಿರುಗಿಸಿ; document}} if (document.layers) {document.captureEvents (Event.MOUSEDOWN); document.onmousedown = f1; } else {document.onmouseup = f2; document.oncontextmenu = f1; } document.oncontextmenu = ಹೊಸ ಕಾರ್ಯ ("ಸುಳ್ಳನ್ನು ಹಿಂತಿರುಗಿ"); </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕು ವೀಕ್ಷಕರಿಗೆ ನಿಮ್ಮ ಪುಟದಲ್ಲಿ ಬಲ ಕ್ಲಿಕ್ ಮಾಡಲು ಸಾಧ್ಯವಾಗದಂತೆ ತಡೆಯುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಸೈಟ್‌ನಿಂದ ಎರವಲು ಚಿತ್ರಗಳು ಅಥವಾ ಕೋಡ್‌ನಿಂದ ಸರಾಸರಿ ಬಳಕೆದಾರರನ್ನು ನಿರುತ್ಸಾಹಗೊಳಿಸಬಹುದು.

6. ಯಾದೃಚ್ qu ಿಕ ಉಲ್ಲೇಖಗಳನ್ನು ಪ್ರದರ್ಶಿಸಿ

ತ್ವರಿತ ಮಾದರಿ

ಹೆಡ್: <script type = "text / javascript"> writeRandomQuote = function () {var quotes = new array (); ಉಲ್ಲೇಖಗಳು [0] = "ಕ್ರಿಯೆಯು ಬುದ್ಧಿವಂತಿಕೆಯ ನಿಜವಾದ ಅಳತೆ."; ಉಲ್ಲೇಖಗಳು [1] = "ಶೀಘ್ರದಲ್ಲೇ ಕೊನೆಗೊಳ್ಳುವ ಕ್ರಿಕೆಟ್‌ಗಿಂತ ಬೇಸ್‌ಬಾಲ್ ಉತ್ತಮ ಪ್ರಯೋಜನವನ್ನು ಹೊಂದಿದೆ."; ಉಲ್ಲೇಖಗಳು [2] = "ಪ್ರತಿಯೊಂದು ಗುರಿ, ಪ್ರತಿಯೊಂದು ಕ್ರಿಯೆ, ಪ್ರತಿ ಆಲೋಚನೆ, ಒಂದು ಅನುಭವವು ಅನುಭವಿಸುವ, ಅದು ಪ್ರಜ್ಞಾಪೂರ್ವಕವಾಗಿ ಅಥವಾ ಅರಿವಿಲ್ಲದೆ ತಿಳಿದಿರಲಿ, ಒಬ್ಬರ ಮನಸ್ಸಿನ ಶಾಂತಿಯ ಮಟ್ಟವನ್ನು ಹೆಚ್ಚಿಸುವ ಪ್ರಯತ್ನವಾಗಿದೆ."; ಉಲ್ಲೇಖಗಳು [3] = "ಉತ್ತಮ ತಲೆ ಮತ್ತು ಉತ್ತಮ ಹೃದಯವು ಯಾವಾಗಲೂ ಅಸಾಧಾರಣ ಸಂಯೋಜನೆಯಾಗಿದೆ."; var rand = Math.floor (Math.random () * quotes.length); document.write (ಉಲ್ಲೇಖಗಳು [ರಾಂಡ್]); } writeRandomQuote (); </script>

ದೇಹ: <script type = "text / javascript"> writeRandomQuote (); </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಸರಿ ಆದ್ದರಿಂದ ಇದು ಎಲ್ಲಾ ಸೈಟ್‌ಗಳು ಬಳಸುವ ತುಣುಕು ಅಲ್ಲ ಆದರೆ ಯಾದೃಚ್ om ಿಕ ಉಲ್ಲೇಖಗಳಿಗಿಂತ ಹೆಚ್ಚಿನದನ್ನು ಪ್ರದರ್ಶಿಸಲು ಇದನ್ನು ಬಳಸಬಹುದು. ಉಲ್ಲೇಖಗಳನ್ನು ನೀವು ಬಯಸಿದಂತೆ ಬದಲಾಯಿಸಬಹುದು ಮತ್ತು ಯಾದೃಚ್ images ಿಕ ಚಿತ್ರಗಳು ಅಥವಾ ಪಠ್ಯವನ್ನು ನಿಮ್ಮ ಸೈಟ್‌ನಲ್ಲಿ ಎಲ್ಲಿಯಾದರೂ ಪ್ರದರ್ಶಿಸಬಹುದು.

7. ಹಿಂದಿನ / ಮುಂದಿನ ಲಿಂಕ್‌ಗಳು

ತ್ವರಿತ ಮಾದರಿ

<a href="javascript:history.back(1)"> ಹಿಂದಿನ ಪುಟ </a> | <a href="javascript:history.back(-1)"> ಮುಂದಿನ ಪುಟ </a>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ನೀವು ಲೇಖನ ಅಥವಾ ಟ್ಯುಟೋರಿಯಲ್ ನಲ್ಲಿ ಅನೇಕ ಪುಟಗಳನ್ನು ಹೊಂದಿದ್ದರೆ ಈ ತುಣುಕು ಅದ್ಭುತವಾಗಿದೆ. ಇದು ಬಳಕೆದಾರರಿಗೆ ಪುಟಗಳ ನಡುವೆ ಸುಲಭವಾಗಿ ಬ್ರೌಸ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ. ಸಂಪನ್ಮೂಲ ದೃಷ್ಟಿಕೋನದಿಂದ ಇದು ಸಣ್ಣ ಮತ್ತು ಕಡಿಮೆ ತೂಕವಾಗಿದೆ.

8. ಪುಟವನ್ನು ಬುಕ್ಮಾರ್ಕ್ ಮಾಡಿ

ತ್ವರಿತ ಮಾದರಿ

<a href="javascript:window.external.AddFavor('http://www.yoursite.com', 'ನಿಮ್ಮ ಸೈಟ್‌ನ ಹೆಸರು') "> ಮೆಚ್ಚಿನವುಗಳಿಗೆ ಸೇರಿಸಿ </a>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕು ಬಳಕೆದಾರರಿಗೆ ನಿಮ್ಮ ಪುಟವನ್ನು ಸುಲಭವಾಗಿ ಬುಕ್‌ಮಾರ್ಕ್ ಮಾಡಲು ಅನುಮತಿಸುತ್ತದೆ; ಅವರು ಮಾಡಬೇಕಾಗಿರುವುದು ಲಿಂಕ್ ಅನ್ನು ಕ್ಲಿಕ್ ಮಾಡಿ. ಈ ರೀತಿಯ ಸಣ್ಣ ವೈಶಿಷ್ಟ್ಯಗಳು ನಿಮ್ಮ ವೀಕ್ಷಕರ ಒಟ್ಟಾರೆ ಅನುಭವವನ್ನು ಹೆಚ್ಚಿಸಬಹುದು.

9. ಸುಲಭ ಮುದ್ರಣ ಪುಟ ಲಿಂಕ್

ತ್ವರಿತ ಮಾದರಿ

<a href="javascript:window.print() ;"> ಪುಟವನ್ನು ಮುದ್ರಿಸಿ </a>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ಚಿಕ್ಕ ಲಿಂಕ್ ನಿಮ್ಮ ವೀಕ್ಷಣೆಗಳನ್ನು ನಿಮ್ಮ ಪುಟವನ್ನು ಸುಲಭವಾಗಿ ಮುದ್ರಿಸಲು ಅನುಮತಿಸುತ್ತದೆ. ಇದು ನಿಮ್ಮ ಬ್ರೌಸರ್‌ನಿಂದ ಈಗಾಗಲೇ ಹೊಂದಿಸಲಾದ ತ್ವರಿತ ಮುದ್ರಣ ವೈಶಿಷ್ಟ್ಯವನ್ನು ಬಳಸುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ಕ್ಲಿಕ್ ಮಾಡುವವರೆಗೆ ಯಾವುದೇ ಸಂಪನ್ಮೂಲಗಳನ್ನು ಬಳಸುವುದಿಲ್ಲ.

10. ಫಾರ್ಮ್ಯಾಟ್ ಮಾಡಿದ ದಿನಾಂಕವನ್ನು ತೋರಿಸಿ

ತ್ವರಿತ ಮಾದರಿ

ಹೆಡ್: <script type = "text / javascript"> ಫಂಕ್ಷನ್ ಶೋಡೇಟ್ () {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); } </script>

ದೇಹ: <script type = "text / javascript"> showDate (); </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕನ್ನು ನಿಮ್ಮ ವೆಬ್‌ಪುಟದಲ್ಲಿ ಎಲ್ಲಿಯಾದರೂ ಪ್ರಸ್ತುತ ದಿನಾಂಕವನ್ನು ಪ್ರದರ್ಶಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ ಮತ್ತು ನವೀಕರಿಸಬೇಕಾಗಿಲ್ಲ. ಅದನ್ನು ಸರಳವಾಗಿ ಇರಿಸಿ ಮತ್ತು ಅದನ್ನು ಮರೆತುಬಿಡಿ.

11. ಅಲ್ಪವಿರಾಮ ವಿಭಜಕ

ತ್ವರಿತ ಮಾದರಿ

ಹೆಡ್: <script type = "text / javascript"> ಫಂಕ್ಷನ್ addCommas (num) {num + = ''; var n1 = num.split ('.'); var n2 = n1 [0]; var n3 = n1.length> 1? '.' + n1 [1]: ''; var temp = / (d +) (d {3}) /; (temp.test (n2)) {n2 = n2.replace (ಟೆಂಪ್, '' + ',' + ''); } var = ಟ್ = ರಿಟರ್ನ್ n2 + n3; document.write (out); } </script>

ದೇಹ: <script type = "text / javascript"> addCommas ("4550989023"); </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕನ್ನು ಮುಖ್ಯವಾಗಿ ಸಂಖ್ಯೆಗಳನ್ನು ಹೆಚ್ಚಾಗಿ ಬಳಸುವ ಸೈಟ್‌ಗಳು ಬಳಸುತ್ತವೆ. ಈ ತುಣುಕು ನಿಮ್ಮ ಸಂಖ್ಯೆಗಳನ್ನು ಬೋರ್ಡ್‌ನಾದ್ಯಂತ ಒಂದೇ ರೀತಿ ಕಾಣುವಂತೆ ಮಾಡುತ್ತದೆ. ನೀವು ಮಾಡಬೇಕಾಗಿರುವುದು ನೀವು ಸಂಖ್ಯೆಯನ್ನು ಸೇರಿಸಲು ಬಯಸುವ ಬಾಡಿ ಲೈನ್ ಅನ್ನು ನಕಲಿಸಿ ಮತ್ತು ಅಲ್ಲಿರುವ ಸಂಖ್ಯೆಯನ್ನು ನಿಮ್ಮ ಸಂಖ್ಯೆಯೊಂದಿಗೆ ಬದಲಾಯಿಸಿ.

12. ಬ್ರೌಸರ್‌ನ ಪ್ರದರ್ಶನ ಪ್ರದೇಶವನ್ನು ಪಡೆಯಿರಿ

ತ್ವರಿತ ಮಾದರಿ

<script type = "text / javascript"> <! - var viewportwidth; var ವ್ಯೂಪೋರ್ಟ್ಹೈಟ್; // ಹೆಚ್ಚು ಗುಣಮಟ್ಟದ ಕಂಪ್ಲೈಂಟ್ ಬ್ರೌಸರ್‌ಗಳು (ಮೊಜಿಲ್ಲಾ / ನೆಟ್‌ಸ್ಕೇಪ್ / ಒಪೆರಾ / ಐಇಎಕ್ಸ್‌ನಮ್ಎಕ್ಸ್) window.innerWidth ಮತ್ತು window.innerHeight if (typeof window.innerWidth! = 'undefined') {viewportwidth = window.innerWidth, viewportheight = window.innerHeight} / / IE7 ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಕಂಪ್ಲೈಂಟ್ ಮೋಡ್‌ನಲ್ಲಿ (ಅಂದರೆ ಡಾಕ್ಯುಮೆಂಟ್‌ನ ಮೊದಲ ಸಾಲಿನಂತೆ ಮಾನ್ಯ ಡಾಕ್ಟೈಪ್ನೊಂದಿಗೆ) ಬೇರೆ ವೇಳೆ (typeof document.documentElement! = 'Undefined' && typeof document.documentElement.clientWidth! = 'Undefined' && document.documentElement.clientWidth ! ('ದೇಹ') [6] .ಕ್ಲೈಂಟ್ಹೈಟ್} document.write ('<p> ನಿಮ್ಮ ವೀಕ್ಷಣೆ ಪೋರ್ಟ್ ಅಗಲ' + ವ್ಯೂಪೋರ್ಟ್ವಿಡ್ತ್ + 'x' + ವ್ಯೂಪೋರ್ಟ್ಹೈಟ್ + '</ p>'); // -> </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ನಿಮ್ಮ ತುಣುಕುಗಳ ಬ್ರೌಸರ್‌ನಲ್ಲಿ ಪ್ರದರ್ಶನ ಪ್ರದೇಶದ ಅಗಲ ಮತ್ತು ಎತ್ತರವನ್ನು ಪಡೆಯಲು ಈ ತುಣುಕು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಇದು ಬಳಕೆದಾರರ ಬ್ರೌಸರ್ ವಿಂಡೋದ ಗಾತ್ರವನ್ನು ಆಧರಿಸಿ ವಿಭಿನ್ನ ಪ್ರದರ್ಶನಗಳನ್ನು ರಚಿಸುವ ಮತ್ತು ಬಳಸುವ ಸಾಮರ್ಥ್ಯವನ್ನು ವಿನ್ಯಾಸಕನಿಗೆ ನೀಡುತ್ತದೆ.

13. ಐಚ್ al ಿಕ ವಿಳಂಬದೊಂದಿಗೆ ಮರುನಿರ್ದೇಶಿಸಿ

ತ್ವರಿತ ಮಾದರಿ

<script type = "text / javascript"> setTimeout ("window.location.href = 'http://walkerwines.com.au/'", 5 * 1000); </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕು ನಿಮ್ಮ ವೀಕ್ಷಕರನ್ನು ಮತ್ತೊಂದು ಪುಟಕ್ಕೆ ಮರುನಿರ್ದೇಶಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ ಮತ್ತು ಇದು ವಿಳಂಬವನ್ನು ಹೊಂದಿಸುವ ಆಯ್ಕೆಯನ್ನು ಹೊಂದಿದೆ. ಈ ತುಣುಕಿನ ಬಳಕೆಯು ಸಾಕಷ್ಟು ಸ್ವಯಂ ವಿವರಣಾತ್ಮಕವಾಗಿದೆ ಮತ್ತು ಇದು ನಿಮ್ಮ ಬೆಲ್ಟ್ನಲ್ಲಿ ಹೊಂದಲು ಬಹಳ ಅಮೂಲ್ಯವಾದ ಸಾಧನವಾಗಿದೆ.

14. ಐಫೋನ್‌ಗಳನ್ನು ಪತ್ತೆ ಮಾಡಿ

ಮಾದರಿ

<script type = "text / javascript"> if ((navigator.userAgent.match (/ iPhone / i)) || (navigator.userAgent.match (/ iPod / i))) {if (document.cookie.indexOf ( "iphone_redirect = false") == -1) {window.location = "http://m.espn.go.com/wireless/?iphone&i=COMR"; }} </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ತುಣುಕನ್ನು ನಿಮ್ಮ ವೀಕ್ಷಕನು ಐಫೋನ್ನಲ್ಲಿ ಅಥವಾ ಐಪಾಡ್ನಲ್ಲಿದ್ದರೆ ನೀವು ಅವರಿಗೆ ವಿಭಿನ್ನ ವಿಷಯವನ್ನು ಪ್ರದರ್ಶಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತಿದ್ದರೆ ಅದನ್ನು ಪತ್ತೆಹಚ್ಚಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಈ ಸ್ನೈಪ್ ಮೊಬೈಲ್ ಮಾರುಕಟ್ಟೆ ಎಷ್ಟು ದೊಡ್ಡದಾಗಿದೆ ಮತ್ತು ಅಮೂಲ್ಯವಾದದ್ದು ಮಾತ್ರ ಮುಂದುವರೆಯಲು ಹೋಗುತ್ತದೆ.

15. ಸ್ಥಿತಿ ಪಟ್ಟಿಗೆ ಸಂದೇಶವನ್ನು ಮುದ್ರಿಸಿ

ತ್ವರಿತ ಮಾದರಿ

<script language = "javascript" type = "text / javascript"> <! - window.status = "<ನಿಮ್ಮ ಸಂದೇಶವನ್ನು ಟೈಪ್ ಮಾಡಿ>"; // -> </script>

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ತುಣುಕು ಏನು ಮಾಡುತ್ತದೆ?

ಈ ಚಿಕ್ಕ ತುಣುಕು ಸ್ಥಿತಿ ಪಟ್ಟಿಗೆ ಸಂದೇಶವನ್ನು ಮುದ್ರಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ. ಬಳಕೆದಾರರ ಗಮನ ಸೆಳೆಯುವ ಪ್ರದೇಶದಲ್ಲಿ ನೀವು ಇತ್ತೀಚಿನ ಅಥವಾ ಪ್ರಮುಖ ಸುದ್ದಿಗಳನ್ನು ಪ್ರದರ್ಶಿಸಬಹುದು.

WHSR ಅತಿಥಿ ಬಗ್ಗೆ

ಈ ಲೇಖನವನ್ನು ಅತಿಥಿ ಕೊಡುಗೆದಾರರು ಬರೆದಿದ್ದಾರೆ. ಕೆಳಗೆ ಲೇಖಕರ ವೀಕ್ಷಣೆಗಳು ಸಂಪೂರ್ಣವಾಗಿ ಅವನ ಅಥವಾ ಅವಳ ಸ್ವಂತದ್ದಾಗಿರುತ್ತದೆ ಮತ್ತು WHSR ನ ಅಭಿಪ್ರಾಯಗಳನ್ನು ಪ್ರತಿಬಿಂಬಿಸುವುದಿಲ್ಲ.

¿»¿