ಬ್ರೌಸರ್ ಎಕ್ಸ್‌ಟೆನ್ಶನ್ ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳ ಬಗ್ಗೆ ಆಳವಾದ ವಿಶ್ಲೇಷಣೆ. ಇದರಲ್ಲಿ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರತ್ಯೇಕತೆ, ಸಂವಹನ ತಂತ್ರಗಳು, ಭದ್ರತಾ ಅಂಶಗಳು, ಮತ್ತು ಜಾಗತಿಕ ಡೆವಲಪರ್‌ಗಳಿಗಾಗಿ ಉತ್ತಮ ಅಭ್ಯಾಸಗಳನ್ನು ಒಳಗೊಂಡಿದೆ.
ಬ್ರೌಸರ್ ಎಕ್ಸ್‌ಟೆನ್ಶನ್ ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು: ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರತ್ಯೇಕತೆ ಮತ್ತು ಸಂವಹನ
ಬ್ರೌಸರ್ ಎಕ್ಸ್‌ಟೆನ್ಶನ್‌ಗಳು ವೆಬ್ ಬ್ರೌಸರ್‌ಗಳ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಹೆಚ್ಚಿಸುತ್ತವೆ, ಬಳಕೆದಾರರಿಗೆ ಕಸ್ಟಮೈಸ್ ಮಾಡಿದ ಅನುಭವಗಳನ್ನು ಮತ್ತು ಸುಗಮವಾದ ವರ್ಕ್‌ಫ್ಲೋಗಳನ್ನು ನೀಡುತ್ತವೆ. ಅನೇಕ ಎಕ್ಸ್‌ಟೆನ್ಶನ್‌ಗಳ ಹೃದಯಭಾಗದಲ್ಲಿ ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಇರುತ್ತವೆ – ಇವು ವೆಬ್ ಪುಟಗಳಿಗೆ ಸೇರಿಸಲಾದ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ಗಳಾಗಿದ್ದು, ಡಾಮ್ (ಡಾಕ್ಯುಮೆಂಟ್ ಆಬ್ಜೆಕ್ಟ್ ಮಾಡೆಲ್) ನೊಂದಿಗೆ ಸಂವಹನ ನಡೆಸುತ್ತವೆ. ಈ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ವಿಶೇಷವಾಗಿ ಹೋಸ್ಟ್ ಪುಟದಿಂದ ಅವುಗಳ ಪ್ರತ್ಯೇಕತೆ ಮತ್ತು ಸಂವಹನ ವಿಧಾನಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುವುದು, ದೃಢವಾದ ಮತ್ತು ಸುರಕ್ಷಿತ ಎಕ್ಸ್‌ಟೆನ್ಶನ್‌ಗಳನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸಲು ನಿರ್ಣಾಯಕವಾಗಿದೆ.
ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಎಂದರೇನು?
ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ನಿರ್ದಿಷ್ಟ ವೆಬ್‌ಪುಟದ ಸಂದರ್ಭದಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುವ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಫೈಲ್‌ಗಳಾಗಿವೆ. ಅವು ಪುಟದ ಡಾಮ್‌ಗೆ ಪ್ರವೇಶವನ್ನು ಹೊಂದಿರುತ್ತವೆ, ಅದರ ವಿಷಯವನ್ನು ಮಾರ್ಪಡಿಸಲು, ಹೊಸ ಅಂಶಗಳನ್ನು ಸೇರಿಸಲು ಮತ್ತು ಬಳಕೆದಾರರ ಸಂವಹನಗಳಿಗೆ ಪ್ರತಿಕ್ರಿಯಿಸಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತವೆ. ಸಾಮಾನ್ಯ ವೆಬ್‌ಪುಟ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳಿಗಿಂತ ಭಿನ್ನವಾಗಿ, ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಬ್ರೌಸರ್ ಎಕ್ಸ್‌ಟೆನ್ಶನ್‌ನ ಭಾಗವಾಗಿದ್ದು, ಸಾಮಾನ್ಯವಾಗಿ ಬ್ರೌಸರ್ ಎಕ್ಸ್‌ಟೆನ್ಶನ್ ಫ್ರೇಮ್‌ವರ್ಕ್‌ನಿಂದ ಲೋಡ್ செய்யப்பட்டு ಮತ್ತು ಕಾರ್ಯಗತಗೊಳಿಸಲಾಗುತ್ತದೆ.
ಒಂದು ಪ್ರಾಯೋಗಿಕ ಉದಾಹರಣೆಯೆಂದರೆ, ವೆಬ್‌ಪುಟದಲ್ಲಿ ನಿರ್ದಿಷ್ಟ ಕೀವರ್ಡ್‌ಗಳನ್ನು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಹೈಲೈಟ್ ಮಾಡುವ ಬ್ರೌಸರ್ ಎಕ್ಸ್‌ಟೆನ್ಶನ್. ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್ ಈ ಕೀವರ್ಡ್‌ಗಳನ್ನು ಡಾಮ್‌ನಲ್ಲಿ ಗುರುತಿಸುತ್ತದೆ ಮತ್ತು ಅವುಗಳನ್ನು ಎದ್ದುಕಾಣುವಂತೆ ಮಾಡಲು ಸ್ಟೈಲಿಂಗ್ ಅನ್ನು ಅನ್ವಯಿಸುತ್ತದೆ. ಇನ್ನೊಂದು ಉದಾಹರಣೆಯೆಂದರೆ, ಬಳಕೆದಾರರು ಆಯ್ಕೆ ಮಾಡಿದ ಭಾಷೆಯ ಆಧಾರದ ಮೇಲೆ ಪುಟದಲ್ಲಿನ ಪಠ್ಯವನ್ನು ಅನುವಾದಿಸಿದ ಆವೃತ್ತಿಗಳೊಂದಿಗೆ ಬದಲಾಯಿಸುವ ಅನುವಾದ ಎಕ್ಸ್‌ಟೆನ್ಶನ್. ಇವು ಕೇವಲ ಸರಳ ಉದಾಹರಣೆಗಳು; ಸಾಧ್ಯತೆಗಳು ಬಹುತೇಕ ಅಂತ್ಯವಿಲ್ಲದವು.
ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಪ್ರತ್ಯೇಕತೆ: ಸ್ಯಾಂಡ್‌ಬಾಕ್ಸ್
ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಸ್ವಲ್ಪಮಟ್ಟಿಗೆ ಪ್ರತ್ಯೇಕವಾದ ಪರಿಸರದಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ, ಇದನ್ನು "ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಸ್ಯಾಂಡ್‌ಬಾಕ್ಸ್" ಎಂದು ಕರೆಯಲಾಗುತ್ತದೆ. ಈ ಪ್ರತ್ಯೇಕತೆಯು ಭದ್ರತೆ ಮತ್ತು ಸ್ಥಿರತೆಗೆ ಅತ್ಯಗತ್ಯ. ಇದಿಲ್ಲದಿದ್ದರೆ, ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಹೋಸ್ಟ್ ಪುಟದ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳೊಂದಿಗೆ ಸಂಘರ್ಷಿಸಬಹುದು ಅಥವಾ ಪುಟಕ್ಕೆ ಸೇರಿಸಲಾದ ದುರುದ್ದೇಶಪೂರಿತ ಕೋಡ್‌ನಿಂದ ಹಾನಿಗೊಳಗಾಗಬಹುದು.
ಪ್ರತ್ಯೇಕತೆಯ ಪ್ರಮುಖ ಅಂಶಗಳು:
- ವೇರಿಯಬಲ್ ಸ್ಕೋಪ್: ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಮತ್ತು ವೆಬ್‌ಪುಟದ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಪ್ರತ್ಯೇಕ ಗ್ಲೋಬಲ್ ಸ್ಕೋಪ್‌ಗಳನ್ನು ಹೊಂದಿರುತ್ತವೆ. ಇದರರ್ಥ ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ನಲ್ಲಿ ಡಿಫೈನ್ ಮಾಡಲಾದ ವೇರಿಯಬಲ್‌ಗಳು ಮತ್ತು ಫಂಕ್ಷನ್‌ಗಳು ವೆಬ್‌ಪುಟದ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳಿಗೆ ನೇರವಾಗಿ ಲಭ್ಯವಿರುವುದಿಲ್ಲ ಮತ್ತು ಪ್ರತಿಯಾಗಿ. ಇದು ಹೆಸರಿಸುವ ಸಂಘರ್ಷಗಳು ಮತ್ತು ಉದ್ದೇಶಪೂರ್ವಕವಲ್ಲದ ಮಾರ್ಪಾಡುಗಳನ್ನು ತಡೆಯುತ್ತದೆ.
- ಪ್ರೊಟೊಟೈಪ್ ಪೊಲ್ಯೂಷನ್ ತಗ್ಗಿಸುವಿಕೆ: ಆಧುನಿಕ ಬ್ರೌಸರ್‌ಗಳು ಪ್ರೊಟೊಟೈಪ್ ಪೊಲ್ಯೂಷನ್ ದಾಳಿಗಳನ್ನು ತಗ್ಗಿಸಲು ತಂತ್ರಗಳನ್ನು ಬಳಸುತ್ತವೆ, ಇದರಲ್ಲಿ ದುರುದ್ದೇಶಪೂರಿತ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ದುರ್ಬಲತೆಗಳನ್ನು ಸೇರಿಸಲು ಅಂತರ್ನಿರ್ಮಿತ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಬ್ಜೆಕ್ಟ್‌ಗಳ (ಉದಾ., `Object.prototype`, `Array.prototype`) ಪ್ರೊಟೊಟೈಪ್‌ಗಳನ್ನು ಮಾರ್ಪಡಿಸಲು ಪ್ರಯತ್ನಿಸುತ್ತವೆ. ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಈ ರಕ್ಷಣೆಗಳಿಂದ ಪ್ರಯೋಜನ ಪಡೆಯುತ್ತವೆ, ಆದರೂ ಡೆವಲಪರ್‌ಗಳು ಜಾಗರೂಕರಾಗಿರಬೇಕು.
- ಶ್ಯಾಡೋ ಡಾಮ್ (ಐಚ್ಛಿಕ): ಶ್ಯಾಡೋ ಡಾಮ್, ಡಾಮ್ ಟ್ರೀಯ ಒಂದು ಭಾಗವನ್ನು ಎನ್‌ಕ್ಯಾಪ್ಸುಲೇಟ್ ಮಾಡಲು ಒಂದು ವ್ಯವಸ್ಥೆಯನ್ನು ಒದಗಿಸುತ್ತದೆ, ಶ್ಯಾಡೋ ರೂಟ್‌ನ ಹೊರಗಿನ ಸ್ಟೈಲ್‌ಗಳು ಮತ್ತು ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಒಳಗಿನ ಅಂಶಗಳ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುವುದನ್ನು ತಡೆಯುತ್ತದೆ, ಮತ್ತು ಪ್ರತಿಯಾಗಿ. ಎಕ್ಸ್‌ಟೆನ್ಶನ್‌ಗಳು ತಮ್ಮ UI ಅಂಶಗಳನ್ನು ಹೋಸ್ಟ್ ಪುಟದಿಂದ ಮತ್ತಷ್ಟು ಪ್ರತ್ಯೇಕಿಸಲು ಶ್ಯಾಡೋ ಡಾಮ್ ಅನ್ನು ಬಳಸಿಕೊಳ್ಳಬಹುದು.
ಉದಾಹರಣೆ: `myVariable` ಎಂಬ ಹೆಸರಿನ ವೇರಿಯಬಲ್ ಅನ್ನು ಡಿಫೈನ್ ಮಾಡುವ ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್ ಅನ್ನು ಪರಿಗಣಿಸಿ. ವೆಬ್‌ಪುಟವು ಅದೇ ಹೆಸರಿನ ವೇರಿಯಬಲ್ ಅನ್ನು ಡಿಫೈನ್ ಮಾಡಿದರೂ, ಯಾವುದೇ ಸಂಘರ್ಷವಿರುವುದಿಲ್ಲ. ಪ್ರತಿಯೊಂದು ವೇರಿಯಬಲ್ ತನ್ನದೇ ಆದ ಸ್ಕೋಪ್‌ನಲ್ಲಿ ಅಸ್ತಿತ್ವದಲ್ಲಿರುತ್ತದೆ.
ಸಂವಹನ: ಅಂತರವನ್ನು ಕಡಿಮೆ ಮಾಡುವುದು
ಪ್ರತ್ಯೇಕತೆ ಮುಖ್ಯವಾಗಿದ್ದರೂ, ಡೇಟಾ ಸಂಗ್ರಹಿಸುವುದು, ಬಾಹ್ಯ APIಗಳನ್ನು ಪ್ರವೇಶಿಸುವುದು, ಅಥವಾ ಇತರ ಬ್ರೌಸರ್ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಸಂವಹನ ನಡೆಸುವಂತಹ ಕಾರ್ಯಗಳಿಗಾಗಿ ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಎಕ್ಸ್‌ಟೆನ್ಶನ್‌ನ ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಸಂವಹನ ನಡೆಸಬೇಕಾಗುತ್ತದೆ. ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಮತ್ತು ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳ ನಡುವೆ ಸಂವಹನವನ್ನು ಸ್ಥಾಪಿಸಲು ಹಲವಾರು ಯಾಂತ್ರಿಕತೆಗಳಿವೆ.
ಸಂದೇಶ ರವಾನೆ: ಪ್ರಾಥಮಿಕ ಸಂವಹನ ಮಾಧ್ಯಮ
ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಮತ್ತು ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಡೇಟಾ ಮತ್ತು ಕಮಾಂಡ್‌ಗಳನ್ನು ವಿನಿಮಯ ಮಾಡಿಕೊಳ್ಳಲು ಸಂದೇಶ ರವಾನೆ ಅತ್ಯಂತ ಸಾಮಾನ್ಯ ಮತ್ತು ಶಿಫಾರಸು ಮಾಡಲಾದ ವಿಧಾನವಾಗಿದೆ. ಈ ಉದ್ದೇಶಕ್ಕಾಗಿ `chrome.runtime.sendMessage` ಮತ್ತು `chrome.runtime.onMessage` APIಗಳನ್ನು (ಅಥವಾ ಅವುಗಳ ಬ್ರೌಸರ್-ನಿರ್ದಿಷ್ಟ ಸಮಾನಾಂತರಗಳನ್ನು) ಬಳಸಲಾಗುತ್ತದೆ.
ಸಂದೇಶ ರವಾನೆ ಹೇಗೆ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ:
- ಸಂದೇಶ ಕಳುಹಿಸುವುದು: ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್ `chrome.runtime.sendMessage` ಬಳಸಿ ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗೆ ಸಂದೇಶವನ್ನು ಕಳುಹಿಸುತ್ತದೆ. ಸಂದೇಶವು ಯಾವುದೇ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಆಬ್ಜೆಕ್ಟ್ ಆಗಿರಬಹುದು, ಇದರಲ್ಲಿ ಸ್ಟ್ರಿಂಗ್‌ಗಳು, ಸಂಖ್ಯೆಗಳು, ಅರೇಗಳು ಮತ್ತು ಆಬ್ಜೆಕ್ಟ್‌ಗಳು ಸೇರಿವೆ.
- ಸಂದೇಶ ಸ್ವೀಕರಿಸುವುದು: ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್ `chrome.runtime.onMessage` ಬಳಸಿ ಸಂದೇಶಗಳಿಗಾಗಿ ಕಾಯುತ್ತದೆ. ಸಂದೇಶ ಬಂದಾಗ, ಕಾಲ್‌ಬ್ಯಾಕ್ ಫಂಕ್ಷನ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲಾಗುತ್ತದೆ.
- ಸಂದೇಶಕ್ಕೆ ಪ್ರತಿಕ್ರಿಯಿಸುವುದು: ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್ ಐಚ್ಛಿಕವಾಗಿ ಕಾಲ್‌ಬ್ಯಾಕ್‌ಗೆ ಒದಗಿಸಲಾದ `sendResponse` ಫಂಕ್ಷನ್ ಬಳಸಿ ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗೆ ಪ್ರತಿಕ್ರಿಯೆಯನ್ನು ಕಳುಹಿಸಬಹುದು.
ಉದಾಹರಣೆ:
ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್ (content.js):
chrome.runtime.sendMessage({action: "getData"}, function(response) {
console.log("Data received: ", response);
// Process the received data
});
ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್ (background.js):
chrome.runtime.onMessage.addListener(
function(request, sender, sendResponse) {
if (request.action == "getData") {
// Fetch data from an API or local storage
let data = {value: "Some data from the background script"};
sendResponse(data);
}
return true; // Indicate that the response will be sent asynchronously
}
);
ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾವನ್ನು ವಿನಂತಿಸಿ ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗೆ ಸಂದೇಶವನ್ನು ಕಳುಹಿಸುತ್ತದೆ. ಬ್ಯಾಕ್‌ಗ್ರೌಂಡ್ ಸ್ಕ್ರಿಪ್ಟ್ ಡೇಟಾವನ್ನು ಹಿಂಪಡೆದು ಅದನ್ನು ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗೆ ಮರಳಿ ಕಳುಹಿಸುತ್ತದೆ. `onMessage` ಲಿಸನರ್‌ನಲ್ಲಿನ `return true;` ಅಸಿಂಕ್ರೋನಸ್ ಪ್ರತಿಕ್ರಿಯೆಗಳಿಗೆ ನಿರ್ಣಾಯಕವಾಗಿದೆ.
ನೇರ ಡಾಮ್ ಪ್ರವೇಶ (ಕಡಿಮೆ ಸಾಮಾನ್ಯ, ಎಚ್ಚರಿಕೆ ಅಗತ್ಯ)
ಸಂದೇಶ ರವಾನೆಯು ಆದ್ಯತೆಯ ವಿಧಾನವಾಗಿದ್ದರೂ, ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಹೋಸ್ಟ್ ಪುಟದ ಡಾಮ್ ಅನ್ನು ನೇರವಾಗಿ ಪ್ರವೇಶಿಸಬೇಕಾದ ಅಥವಾ ಮಾರ್ಪಡಿಸಬೇಕಾದ ಸನ್ನಿವೇಶಗಳಿವೆ. ಆದಾಗ್ಯೂ, ಸಂಘರ್ಷಗಳು ಮತ್ತು ಭದ್ರತಾ ದುರ್ಬಲತೆಗಳ ಸಂಭಾವ್ಯತೆಯಿಂದಾಗಿ ಈ ವಿಧಾನವನ್ನು ಎಚ್ಚರಿಕೆಯಿಂದ ಬಳಸಬೇಕು.
ನೇರ ಡಾಮ್ ಪ್ರವೇಶಕ್ಕಾಗಿ ತಂತ್ರಗಳು:
- ನೇರ ಡಾಮ್ ಮ್ಯಾನಿಪ್ಯುಲೇಶನ್: ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಪುಟದ ರಚನೆ ಮತ್ತು ವಿಷಯವನ್ನು ಮಾರ್ಪಡಿಸಲು ಪ್ರಮಾಣಿತ ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಡಾಮ್ ಮ್ಯಾನಿಪ್ಯುಲೇಶನ್ ವಿಧಾನಗಳನ್ನು (ಉದಾ., `document.getElementById`, `document.createElement`, `element.appendChild`) ಬಳಸಬಹುದು.
- ಈವೆಂಟ್ ಲಿಸನರ್‌ಗಳು: ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಬಳಕೆದಾರರ ಸಂವಹನಗಳು ಅಥವಾ ಇತರ ಈವೆಂಟ್‌ಗಳಿಗೆ ಪ್ರತಿಕ್ರಿಯಿಸಲು ಡಾಮ್ ಎಲಿಮೆಂಟ್‌ಗಳಿಗೆ ಈವೆಂಟ್ ಲಿಸನರ್‌ಗಳನ್ನು ಲಗತ್ತಿಸಬಹುದು.
- ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳನ್ನು ಸೇರಿಸುವುದು: ಕಂಟೆಂಟ್ ಸ್ಕ್ರಿಪ್ಟ್‌ಗಳು ಪುಟದ ಸಂದರ್ಭದಲ್ಲಿ ನೇರವಾಗಿ ಕೋಡ್ ಅನ್ನು ಕಾರ್ಯಗತಗೊಳಿಸಲು ಪುಟಕ್ಕೆ `