خروجی های JavaScript
یادگیری JavaScriptامکانات نمایش JavaScript
نوشتن در یک عنصر HTML، با استفاده از innerHTML.
نوشتن در خروجی HTML با استفاده از document.write ().
با استفاده از window.alert () وارد جعبه هشدار شوید.
با استفاده از console.log () وارد کنسول مرورگر شوید.
استفاده از innerHTML
برای دسترسی به عنصر 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>
مشاهده مثالتغییر خصیصه innerHTML عنصر HTML یک روش معمول برای نمایش داده ها در HTML است.
استفاده از document.write()
برای اهداف تست، استفاده از 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>
مشاهده مثالبا استفاده از document.write () بعد از یک سند HTML به طور کامل بارگذاری می شود و تمام 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>
مشاهده مثالروش document.write () فقط باید برای آزمایش استفاده شود.
استفاده از 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>
مشاهده مثالاستفاده از console.log()
برای اهداف اشکال زدایی، شما می توانید از روش console.log () برای نمایش داده ها استفاده کنید.
در مورد اشکال زدایی در فصل بعد بیشتر بدانید.
<!DOCTYPE html>
<html>
<body>
<script>
console.log(5 + 6);
</script>
</body>
</html>
مشاهده مثال
نظر شما
>