जावास्क्रिप्ट आउटपुट
जावास्क्रिप्ट प्रदर्शन संभावनाएं
जावास्क्रिप्ट विभिन्न तरीकों से डेटा "प्रदर्शित" कर सकता है:
- एक HTML तत्व में लेखन,
innerHTML
. - का उपयोग कर HTML आउटपुट में लिखना
document.write()
. - एक अलर्ट बॉक्स में लिखना,
window.alert()
. - ब्राउज़र कंसोल में लिखना,
console.log()
.
आंतरिक HTML का उपयोग करना
HTML तत्व तक पहुँचने के लिए, जावास्क्रिप्ट document.getElementById(id)
विधि का उपयोग कर सकता है।
id
विशेषता HTML तत्व को परिभाषित करती है । innerHTML
संपत्ति HTML सामग्री को परिभाषित करती है :
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My First Paragraph</p>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>
HTML तत्व की आंतरिक HTML संपत्ति को बदलना HTML में डेटा प्रदर्शित करने का एक सामान्य तरीका है।
दस्तावेज़ का उपयोग करना। लिखना ()
परीक्षण उद्देश्यों के लिए, इसका उपयोग करना सुविधाजनक है document.write()
:
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>
HTML दस्तावेज़ लोड होने के बाद document.write() का उपयोग करने से सभी मौजूदा HTML हट जाएंगे :
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<button type="button" onclick="document.write(5 + 6)">Try it</button>
</body>
</html>
दस्तावेज़.लिखें () विधि का उपयोग केवल परीक्षण के लिए किया जाना चाहिए।
window.alert का उपयोग करना ()
आप डेटा प्रदर्शित करने के लिए अलर्ट बॉक्स का उपयोग कर सकते हैं:
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>
window
आप कीवर्ड को छोड़ सकते हैं ।
जावास्क्रिप्ट में, विंडो ऑब्जेक्ट वैश्विक स्कोप ऑब्जेक्ट है, जिसका अर्थ है कि चर, गुण और विधियाँ डिफ़ॉल्ट रूप से विंडो ऑब्जेक्ट से संबंधित हैं। इसका यह भी अर्थ है कि window
कीवर्ड निर्दिष्ट करना वैकल्पिक है:
उदाहरण
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<p>My first paragraph.</p>
<script>
alert(5 + 6);
</script>
</body>
</html>
कंसोल का उपयोग करना। लॉग ()
डिबगिंग उद्देश्यों के लिए, आप console.log()
डेटा प्रदर्शित करने के लिए ब्राउज़र में विधि को कॉल कर सकते हैं।
आप बाद के अध्याय में डिबगिंग के बारे में और जानेंगे।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
जावास्क्रिप्ट प्रिंट
जावास्क्रिप्ट में कोई प्रिंट ऑब्जेक्ट या प्रिंट विधि नहीं है।
आप जावास्क्रिप्ट से आउटपुट डिवाइस तक नहीं पहुंच सकते।
एकमात्र अपवाद यह है कि आप window.print()
वर्तमान विंडो की सामग्री को प्रिंट करने के लिए ब्राउज़र में विधि को कॉल कर सकते हैं।
उदाहरण
<!DOCTYPE html>
<html>
<body>
<button onclick="window.print()">Print this page</button>
</body>
</html>