درس ۳: خروجی در جاوااسکریپت

درس ۳: خروجی در جاوااسکریپت (JS Output)

جاوااسکریپت می‌تواند داده‌ها را به روش‌های متفاوتی نمایش دهد:

نوشتن در یک المان HTML با استفاده از innerHTML.
نوشتن در خروجی HTML با استفاده از document.write().
نوشتن در یک جعبه هشدار با استفاده از window.alert().
نوشتن در کنسول مرورگر با استفاده از console.log().

۱. استفاده از innerHTML

برای دسترسی به یک المان HTML، جاوااسکریپت می‌تواند از متد document.getElementById(id) استفاده کند. ویژگی innerHTML محتوای آن المان را تعیین می‌کند:

        <p id=”demo”></p>

        <script>

        document.getElementById(“demo”).innerHTML = 5 + 6;

        </script>

نمای خروجی در صفحه:

۲. استفاده از document.write()

برای اهداف تست و آزمایش، استفاده از document.write() راحت است:

        <script>

        document.write(5 + 6);

        </script>

هشدار! اگر بعد از بارگذاری کامل صفحه وب از document.write() استفاده کنید، تمام محتوای موجود در HTML پاک خواهد شد!

۳. استفاده از window.alert()

می‌توانید برای نمایش داده‌ها از یک جعبه هشدار (Alert Box) استفاده کنید:

        <script>

        window.alert(5 + 6);

        </script>

نمای شبیه‌سازی شده Alert:

این صفحه می‌گوید:

۴. استفاده از console.log()

برای دیباگ کردن (عیب‌یابی) کدها، بهترین راه استفاده از کنسول مرورگر است. این خروجی برای کاربر عادی قابل مشاهده نیست (باید F12 را بزنید).

        <script>

        console.log(5 + 6);

        </script>

۵. چاپ صفحه (window.print())

جاوااسکریپت متد خاصی برای دسترسی به چاپگر ندارد، اما می‌توانید از متد window.print() برای چاپ محتوای پنجره فعلی استفاده کنید.

        <button onclick=”window.print()”>Print this page</button>
    

درس قبلی

بازگشت به دوره

درس بعدی