జావాస్క్రిప్ట్ అవుట్పుట్

జావాస్క్రిప్ట్ ఏదైనా అంతర్గత ప్రింట్ లేదా ప్రదర్శన ఫంక్షన్స్ అందించదు.

జావాస్క్రిప్ట్ ప్రదర్శన పద్ధతులు

జావాస్క్రిప్ట్ డాటా "ప్రదర్శించడం" వివిధ పద్ధతులతో చేయవచ్చు:

  • ఉపయోగించడం window.alert() అపాయం పెట్టడం
  • ఉపయోగించడం document.write() హెచ్ఎంఎల్ అవుట్పుట్ లో రాయడం
  • ఉపయోగించడం ఇన్నర్ హెచ్ఎంఎల్ హెచ్ఎంఎల్ ఎలమెంట్ లో రాయడం
  • ఉపయోగించడం console.log(); బ్రౌజర్ కంట్రోల్ ప్యానెల్ లో రాయడం

ఇన్నర్ హెచ్ఎంఎల్ ఉపయోగించడం

హెచ్ఎంఎల్ ఎలమెంట్ ను ప్రాప్తించడానికి జావాస్క్రిప్ట్ ఉపయోగించవచ్చు document.getElementById(id) పద్ధతి.

ఐడి అట్రిబ్యూట్ హెచ్ఎంఎల్ ఎలమెంట్ నిర్వచిస్తుంది. ఇన్నర్ హెచ్ఎంఎల్ అట్రిబ్యూట్ హెచ్ఎంఎల్ కంటెంట్ నిర్వచిస్తుంది:

ఇన్స్టాన్స్

<!DOCTYPE html>
<html>
<body>
<h1>నా మొదటి వెబ్ పేజీ</h1>
<p>నా మొదటి ప్యారాగ్రాఫ్</p>
<p id="demo"></p>
<script>
 document.getElementById("demo").innerHTML = 5 + 6;
</script>
</body>
</html>

స్వయంగా ప్రయత్నించండి

提示：హెచ్ఎంఎల్ ఎలమెంట్ యొక్క ఇన్నర్ హెచ్ఎంఎల్ అట్రిబ్యూట్ మార్చడం హెచ్ఎంఎల్ లో డాటా ప్రదర్శించడానికి సాధారణ పద్ధతి.

使用 document.write()

出于测试目的，使用 document.write() 比较方便：

ఇన్స్టాన్స్

<!DOCTYPE html>
<html>
<body>
<h1>నా మొదటి వెబ్ పేజీ</h1>
<p>నా మొదటి ప్యారాగ్రాఫ్</p>
<script>
document.write(5 + 6);
</script>
</body>
</html>

స్వయంగా ప్రయత్నించండి

注意：在 HTML 文档完全加载后使用 document.write() 将删除所有已有的 HTML ：

ఇన్స్టాన్స్

<!DOCTYPE html>
<html>
<body>
<h1>నా మొదటి వెబ్ పేజీ</h1>
<p>నా మొదటి ప్యారాగ్రాఫ్</p>

</body>
</html>

స్వయంగా ప్రయత్నించండి

提示：document.write() 方法仅用于测试。

使用 window.alert()

您能够使用警告框来显示数据：

ఇన్స్టాన్స్

<!DOCTYPE html>
<html>
<body>
<h1>నా మొదటి వెబ్ పేజీ</h1>
<p>నా మొదటి ప్యారాగ్రాఫ్</p>
<script>
window.alert(5 + 6);
</script>
</body>
</html>

స్వయంగా ప్రయత్నించండి

console.log() ఉపయోగించండి

బ్రౌజర్ లో మీరు ఉపయోగించవచ్చు console.log(); డాటాను ప్రదర్శించడానికి విధానాలు.

బ్రౌజర్ కంట్రోల్ కంసోల్ను చేతనం చేయడానికి F12 ద్వారా పరిగణించండి మరియు మెనూలో 'కంట్రోల్' ని ఎంచుకోండి.

ఇన్స్టాన్స్

<!DOCTYPE html>
<html>
<body>
<h1>నా మొదటి వెబ్ పేజీ</h1>
<p>నా మొదటి ప్యారాగ్రాఫ్</p>
<script>
console.log(5 + 6);
</script>
</body>
</html>

స్వయంగా ప్రయత్నించండి