ಪರಿಹರಿಸಲಾಗಿದೆ: ಡಾಕ್ಯುಮೆಂಟ್ ಸಿದ್ಧ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ವೆನಿಲ್ಲಾ

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

$(document).ready(function() {
  // code goes here
});

ಡಾಕ್ಯುಮೆಂಟ್ ಸಿದ್ಧವಾದಾಗ ರನ್ ಆಗುವ ಕಾರ್ಯವನ್ನು ರಚಿಸಲು ಈ ಕೋಡ್ jQuery ಅನ್ನು ಬಳಸುತ್ತಿದೆ. ಯಾವುದೇ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್ ಅನ್ನು ಚಾಲನೆ ಮಾಡುವ ಮೊದಲು ಎಲ್ಲಾ HTML ಅಂಶಗಳನ್ನು ಲೋಡ್ ಮಾಡಲಾಗಿದೆಯೆ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಲು ಇದನ್ನು ಹೆಚ್ಚಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ.

ಕೆಕೆಕ್ಸ್

Ckecks ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಕೋಡ್‌ನ ಸರಿಯಾದತೆಯನ್ನು ಪರಿಶೀಲಿಸಲು ಒಂದು ಲೈಬ್ರರಿಯಾಗಿದೆ. ಇದು ಚೆಕ್‌ಗಳನ್ನು ವ್ಯಕ್ತಪಡಿಸಲು ಸರಳ ಮತ್ತು ಸಂಕ್ಷಿಪ್ತ ಸಿಂಟ್ಯಾಕ್ಸ್ ಅನ್ನು ಒದಗಿಸುತ್ತದೆ, ಜೊತೆಗೆ ಕೋಡ್ ಅನ್ನು ಸುಲಭವಾಗಿ ಪರಿಶೀಲಿಸಲು ವಿವಿಧ ಉಪಯುಕ್ತತೆಗಳನ್ನು ಒದಗಿಸುತ್ತದೆ.

ಅಂಕಣ

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ, ಎರಡು ರೀತಿಯ ಕಾಲಮ್‌ಗಳಿವೆ: ಕಾಲಮ್ ಆಧಾರಿತ ಲೇಔಟ್‌ಗಳು ಮತ್ತು ಗ್ರಿಡ್ ಲೇಔಟ್‌ಗಳು. ಕಾಲಮ್ ಆಧಾರಿತ ಲೇಔಟ್‌ಗಳು ಪುಟವನ್ನು ಕಾಲಮ್‌ಗಳಾಗಿ ವಿಭಜಿಸುವ ಮತ್ತು ಪ್ರತಿ ಕಾಲಮ್‌ಗೆ ವಿಷಯವನ್ನು ನಿಯೋಜಿಸುವ ಕಲ್ಪನೆಯನ್ನು ಆಧರಿಸಿವೆ. ಗ್ರಿಡ್ ಲೇಔಟ್‌ಗಳು, ಮತ್ತೊಂದೆಡೆ, ಪುಟದಲ್ಲಿ ವಿಷಯವನ್ನು ಲೇಔಟ್ ಮಾಡಲು ಗ್ರಿಡ್ ವ್ಯವಸ್ಥೆಯನ್ನು ಬಳಸುತ್ತವೆ.

ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಕಾಲಮ್ ಆಧಾರಿತ ಲೇಔಟ್‌ಗಳು ಹೆಚ್ಚು ಸಾಮಾನ್ಯವಾಗಿದೆ, ಆದರೆ ಗ್ರಿಡ್ ಲೇಔಟ್‌ಗಳು ಮುದ್ರಣ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಹೆಚ್ಚು ಸಾಮಾನ್ಯವಾಗಿದೆ. ಆದಾಗ್ಯೂ, ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್‌ಗಳು ಮತ್ತು ಮುದ್ರಣ ಅಪ್ಲಿಕೇಶನ್‌ಗಳಲ್ಲಿ ಎರಡೂ ರೀತಿಯ ಲೇಔಟ್‌ಗಳನ್ನು ಬಳಸಬಹುದು.

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಕಾಲಮ್-ಆಧಾರಿತ ವಿನ್ಯಾಸವನ್ನು ರಚಿಸಲು, ನಿಮ್ಮ ಪುಟದಲ್ಲಿನ ಕಾಲಮ್‌ಗಳನ್ನು ಪ್ರತಿನಿಧಿಸುವ ವಸ್ತುಗಳ ಒಂದು ಶ್ರೇಣಿಯನ್ನು ನೀವು ಮೊದಲು ರಚಿಸಬೇಕಾಗಿದೆ. ರಚನೆಯ ಪ್ರತಿಯೊಂದು ವಸ್ತುವು ಈ ಕೆಳಗಿನ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿರಬೇಕು:

ಹೆಸರು : ಕಾಲಮ್‌ನ ಹೆಸರು.

: ಅಂಕಣದ ಹೆಸರು. ಅಗಲ : ಪಿಕ್ಸೆಲ್‌ಗಳಲ್ಲಿ ಕಾಲಮ್‌ನ ಅಗಲ.

: ಪಿಕ್ಸೆಲ್‌ಗಳಲ್ಲಿ ಕಾಲಮ್‌ನ ಅಗಲ. ಎತ್ತರ: ಪಿಕ್ಸೆಲ್‌ಗಳಲ್ಲಿ ಕಾಲಮ್‌ನ ಎತ್ತರ.

ಮುಂದೆ, ನೀವು ಕಾಲಮ್‌ಲೇಔಟ್‌ನ ನಿದರ್ಶನವನ್ನು ರಚಿಸಬೇಕಾಗಿದೆ, ಇದು ಪ್ರತಿ ಕಾಲಮ್‌ಗೆ ಸ್ಥಳವನ್ನು ನಿಯೋಜಿಸುವುದನ್ನು ಮತ್ತು ಅದರಲ್ಲಿ ವಿಷಯವನ್ನು ರೆಂಡರಿಂಗ್ ಮಾಡುವುದನ್ನು ನಿರ್ವಹಿಸುತ್ತದೆ. ನಿಮ್ಮ ಕಾಲಮ್‌ಗಳನ್ನು ಪ್ರತಿನಿಧಿಸುವ ವಸ್ತುಗಳ ಒಂದು ಶ್ರೇಣಿಯನ್ನು ಕಾಲಮ್‌ಲೇಔಟ್ ಕನ್‌ಸ್ಟ್ರಕ್ಟರ್‌ಗೆ ರವಾನಿಸುವ ಮೂಲಕ ನೀವು ಇದನ್ನು ಮಾಡಬಹುದು:

ನಿಯಮಗಳು

ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ನೀವು ತಿಳಿದಿರಬೇಕಾದ ಕೆಲವು ಸಾಮಾನ್ಯ ಪರಿಸ್ಥಿತಿಗಳಿವೆ.

ಮೊದಲನೆಯದು if ಹೇಳಿಕೆ. ಈ ಹೇಳಿಕೆಯು ಸ್ಥಿತಿಯನ್ನು ಪರೀಕ್ಷಿಸಲು ನಿಮಗೆ ಅನುಮತಿಸುತ್ತದೆ ಮತ್ತು ಅದು ನಿಜವಾಗಿದ್ದರೆ, ಬ್ಲಾಕ್‌ನಲ್ಲಿ ಕೋಡ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಿ. if ಹೇಳಿಕೆಯ ಸಿಂಟ್ಯಾಕ್ಸ್ ಈ ಕೆಳಗಿನಂತಿರುತ್ತದೆ:

ಒಂದು ವೇಳೆ (ಷರತ್ತು) { // ಕಾರ್ಯಗತಗೊಳಿಸಲು ಕೋಡ್ }

ನೀವು ತಿಳಿದಿರಬೇಕಾದ ಎರಡನೆಯ ಸ್ಥಿತಿಯು ಸಮಯದಲ್ಲಿ ಹೇಳಿಕೆಯಾಗಿದೆ. ಈ ಹೇಳಿಕೆಯು if ಸ್ಟೇಟ್‌ಮೆಂಟ್‌ನಂತೆಯೇ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, ಆದರೆ ಷರತ್ತು ಇನ್ನು ಮುಂದೆ ನಿಜವಾಗದವರೆಗೆ ಇದು ಬ್ಲಾಕ್‌ನ ಒಳಗೆ ಕೋಡ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸುತ್ತಿರುತ್ತದೆ. ಸ್ವಲ್ಪ ಸಮಯದ ಹೇಳಿಕೆಗಾಗಿ ಸಿಂಟ್ಯಾಕ್ಸ್ ಈ ಕೆಳಗಿನಂತಿರುತ್ತದೆ:

ಹಾಗೆಯೇ (ಷರತ್ತು) { // ಕಾರ್ಯಗತಗೊಳಿಸಲು ಕೋಡ್ }