٪۴۰ تخفیف تابستانه شروع شد! بزرگترین حراج سال ما

به ما بپیوندید

آموزش خروجی جاوا اسکریپت

امکان نمایش جاوا اسکریپت JavaScript می تواند داده ها را به روش های مختلف “نمایش” دهد: نوشتن در یک عنصر HTML ، با استفاده از innerHTML. نوشتن به خروجی HTML با استفاده از document.write(). نوشتن در یک جعبه هشدار ، با استفاده…

محمد یوسفی

17 جولای 2021

امکان نمایش جاوا اسکریپت

JavaScript می تواند داده ها را به روش های مختلف “نمایش” دهد:

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

با استفاده از innerHTML

برای دسترسی به یک عنصر HTML ، JavaScript می تواند از این 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 ()

برای اهداف آزمایش ، استفاده راحت است 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>

می توانید از windowکلمه کلیدی صرف نظر کنید.

در جاوا اسکریپت ، شی پنجره شی scope دامنه جهانی است ، به این معنی که متغیرها ، خصوصیات و روش ها به طور پیش فرض به شی پنجره تعلق دارند. این همچنین بدان معنی است که تعیین 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 ()

برای اشکال زدایی ، می توانید console.log()برای نمایش داده ها ، روش مرورگر را فراخوانی کنید.

در بخش بعدی درباره اشکال زدایی بیشتر خواهید آموخت.

مثال

<!DOCTYPE html>
<html>
<body>

<script>
console.log(5 + 6);
</script>

</body>
</html>

چاپ جاوا اسکریپت

JavaScript فاقد هرگونه شی چاپی یا روش چاپ است.

از JavaScript نمی توانید به دستگاه های خروجی دسترسی پیدا کنید.

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

مثال

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

 

منبع

مطالب مرتبط

0 0 رای ها
امتیازدهی به مقاله
اشتراک در
اطلاع از
guest
0 نظرات
بازخورد (Feedback) های اینلاین
مشاهده همه دیدگاه ها