4 روش چاپ در جاوا اسکریپت

فهرست مطالب:

4 روش چاپ در جاوا اسکریپت
4 روش چاپ در جاوا اسکریپت

تصویری: 4 روش چاپ در جاوا اسکریپت

تصویری: 4 روش چاپ در جاوا اسکریپت
تصویری: 3 نکته برای پرسیدن سوال در Stack Overflow راه درست برای دریافت پاسخ 2024, آوریل
Anonim

در برنامه نویسی کامپیوتر ، Print یک دستور است که برای نمایش برخی از انواع متن روی صفحه استفاده می شود. می توان از آن برای نمایش متن (رشته) ، متغیر ، اعداد یا محاسبات ریاضی استفاده کرد. یکی از اولین چیزهایی که بسیاری از برنامه نویسان یاد می گیرند نحوه استفاده از دستور چاپ برای ایجاد برنامه ای است که "Hello World!" را نمایش می دهد. برخلاف سایر زبان های برنامه نویسی ، جاوا اسکریپت در مرورگر وب ارائه می شود. جاوا اسکریپت مانند بسیاری از زبانهای دیگر دستور چاپ ساده ای ندارد. با این حال ، راه های زیادی وجود دارد که می توانید متن را در سند HTML ، پنجره هشدار ، کنسول نمایش دهید. همچنین می توانید از Javascript برای چاپ از چاپگر استفاده کنید.

مراحل

روش 1 از 4: استفاده از InnerHTML

چاپ در جاوا اسکریپت مرحله 1
چاپ در جاوا اسکریپت مرحله 1

مرحله 1. <p id = را در بدنه سند HTML خود تایپ کنید

این تگ HTML اولیه برای متن پاراگراف با شناسه خاص است.

برای کسب اطلاعات بیشتر در مورد نحوه نوشتن کد HTML ، نحوه ایجاد یک صفحه وب ساده با HTML را بررسی کنید

چاپ در جاوا اسکریپت مرحله 2
چاپ در جاوا اسکریپت مرحله 2

مرحله 2. نام عنصر پاراگراف را در نقل قول ها و سپس> تایپ کنید

این به عنصر متن پاراگراف یک شناسه اختصاص می دهد که می تواند در جاوا اسکریپت فراخوانی شود. مثلا،"

".

همچنین می توانید از سایر عناصر HTML متن ، مانند سرصفحه {{kbd |

چاپ در جاوا اسکریپت مرحله 3
چاپ در جاوا اسکریپت مرحله 3

مرحله 3. تایپ کنید

بلافاصله پس از"

برچسب.

این یک برچسب پایانی برای عنصر HTML پاراگراف باز می افزاید

چاپ در جاوا اسکریپت مرحله 4
چاپ در جاوا اسکریپت مرحله 4

مرحله 4. Enter را فشار دهید

این یک خط جدید به HTML شما می افزاید.

چاپ در جاوا اسکریپت مرحله 5
چاپ در جاوا اسکریپت مرحله 5

مرحله 5 Type Enter را تایپ کرده و فشار دهید

این تگ آغازین جاوا اسکریپت شما است. همه برنامه نویسی جاوا اسکریپت باید بعد از این برچسب بروند.

چاپ در جاوا اسکریپت مرحله 6
چاپ در جاوا اسکریپت مرحله 6

مرحله 6. document.getElementById را تایپ کنید

این کد جاوا اسکریپت برای فراخوانی عنصر HTML با شناسه آن است.

چاپ در جاوا اسکریپت مرحله 7
چاپ در جاوا اسکریپت مرحله 7

مرحله 7. شناسه عنصر پاراگراف را در نقل قول های داخل پرانتز وارد کنید

اگر عنصر پاراگراف شما"

"، کد جاوا اسکریپت شما" document.getElementById ("ریاضی") "را می خواند.

چاپ در جاوا اسکریپت مرحله 8
چاپ در جاوا اسکریپت مرحله 8

مرحله 8.. InnerHTML = بعد از پرانتز را تایپ کنید

این دستور برای نمایش خروجی های متن با استفاده از عنصر HTML استفاده می شود.

چاپ در جاوا اسکریپت مرحله 9
چاپ در جاوا اسکریپت مرحله 9

مرحله 9. آنچه را که می خواهید چاپ کنید و سپس با ویرگول (؛

).

می توانید متن ، متغیر ، اعداد یا معادله ریاضی را نمایش دهید.

به عنوان مثال ، "document.getElementById (" نسخه ی نمایشی ") را بنویسید. innerHTML = 27 + 33؛" برای چاپ مجموع 27 + 33

چاپ در جاوا اسکریپت مرحله 10
چاپ در جاوا اسکریپت مرحله 10

مرحله 10 Press Enter را فشار دهید و تایپ کنید

این تگ کد جاوا اسکریپت شما را می بندد. پس از اتمام وارد کردن این برچسب ، تمام خطوط Javascript خود را وارد کنید. هنگامی که سند HTML را در مرورگر وب بارگذاری می کنید ، در داخل سند HTML چاپ می شود.

روش 2 از 4: استفاده از هشدار پنجره

چاپ در جاوا اسکریپت مرحله 11
چاپ در جاوا اسکریپت مرحله 11

مرحله 1. متن سند HTML خود را وارد کنید

این تگ آغازین جاوا اسکریپت شما است.

چاپ در جاوا اسکریپت مرحله 12
چاپ در جاوا اسکریپت مرحله 12

مرحله 2. Enter را فشار دهید و هشدار را تایپ کنید

این دستور javascript برای باز کردن هشدار پنجره بازشو است.

چاپ در جاوا اسکریپت مرحله 13
چاپ در جاوا اسکریپت مرحله 13

مرحله 3. آنچه را که می خواهید در پرانتز چاپ کنید تایپ کنید

می توانید متن ، متغیر ، اعداد یا معادله ریاضی را تایپ کنید. به عنوان مثال ، "alert (" Hello Sweety! ")" برای نمایش "Hello Sweety!" در یک پنجره بازشو

چاپ در جاوا اسکریپت مرحله 14
چاپ در جاوا اسکریپت مرحله 14

مرحله 4. یک نیمه کولون (؛

) در پایان.

با این کار خط Javascript شما بسته می شود. کل خط باید چیزی شبیه به "alert (" Hello Sweety! ")؛" باشد.

چاپ در جاوا اسکریپت مرحله 15
چاپ در جاوا اسکریپت مرحله 15

مرحله 5 Press Enter را فشار دهید و تایپ کنید

این تگ کد جاوا اسکریپت شما را می بندد. پس از اتمام وارد کردن تمام خطوط جاوا اسکریپت ، این برچسب را تایپ کنید. هنگامی که سند HTML خود را در یک مرورگر وب بارگذاری می کنید ، متن مورد نظر برای چاپ در یک پنجره بازشو نمایش داده می شود.

همچنین می توانید یک دکمه ایجاد کنید که متن چاپ شده را در یک پنجره بازشو نمایش می دهد. برای انجام این کار ، "متن دکمه" را تایپ کنید

روش 3 از 4: استفاده از Log Console

چاپ در جاوا اسکریپت مرحله 16
چاپ در جاوا اسکریپت مرحله 16

مرحله 1. متن سند HTML خود را وارد کنید

این تگ آغازین جاوا اسکریپت شما است.

چاپ در جاوا اسکریپت مرحله 17
چاپ در جاوا اسکریپت مرحله 17

مرحله 2 Press Enter را فشار دهید و console.log را تایپ کنید

این دستور javascript برای گزارش کنسول است. یک log console نزدیکترین دستور به دستور Print در معنای کدگذاری معمولی است. این متن را در صفحه وب شما نمایش نمی دهد ، اما وقتی HTML/Javascript خود را در داخل مرورگر وب اجرا می کنید ، متن را در داخل کنسول نمایش می دهد. این برای اشکال زدایی مفید است.

چاپ در جاوا اسکریپت مرحله 18
چاپ در جاوا اسکریپت مرحله 18

مرحله 3. متنی را که می خواهید وارد پرانتز شوید تایپ کنید

این می تواند متن (یک رشته) ، یک متغیر ، اعداد یا یک معادله ریاضی باشد. به عنوان مثال ، console.log (من در جاوا اسکریپت چاپ می کنم).

چاپ در جاوا اسکریپت مرحله 19
چاپ در جاوا اسکریپت مرحله 19

مرحله 4. یک نیمه کولون (؛

) در پایان.

با این کار خط Javascript شما بسته می شود. کل خط باید چیزی شبیه به "nowiki> console.log (من در جاوا اسکریپت چاپ می کنم)

چاپ در جاوا اسکریپت مرحله 20
چاپ در جاوا اسکریپت مرحله 20

مرحله 5 Press Enter را فشار دهید و تایپ کنید

این تگ کد جاوا اسکریپت شما را می بندد. پس از اتمام وارد کردن تمام خطوط Javascript ، این برچسب را تایپ کنید.

چاپ در جاوا اسکریپت مرحله 21
چاپ در جاوا اسکریپت مرحله 21

مرحله 6. سند HTML خود را ذخیره کنید

از مراحل زیر برای ذخیره سند HTML خود استفاده کنید.

  • کلیک فایل در بالای ویرایشگر متن یا برنامه ویرایش HTML شما.
  • کلیک ذخیره به عنوان.
  • یک نام فایل برای سند HTML وارد کنید.
  • مطمئن شوید که به عنوان سند ".html" ذخیره می شود.
  • کلیک صرفه جویی.
چاپ در جاوا اسکریپت مرحله 22
چاپ در جاوا اسکریپت مرحله 22

مرحله 7. سند HTML را در یک مرورگر وب باز کنید

مرورگر وب دلخواه خود را باز کنید و محل فایل سند HTML را در نوار آدرس در بالا تایپ کنید. با این کار سند HTML در مرورگر وب شما باز می شود.

چاپ در جاوا اسکریپت مرحله 23
چاپ در جاوا اسکریپت مرحله 23

مرحله 8. F12 را فشار دهید

این حالت Developer Mode را در مرورگر وب شما باز می کند. پنجره جدیدی با کد HTML ، CSS و Javascript نمایش داده می شود.

چاپ در جاوا اسکریپت مرحله 24
چاپ در جاوا اسکریپت مرحله 24

مرحله 9. روی Console کلیک کنید

در بالای پنجره حالت توسعه دهنده قرار دارد.

چاپ در جاوا اسکریپت مرحله 25
چاپ در جاوا اسکریپت مرحله 25

مرحله 10. مرورگر خود را بازخوانی کنید

چاپ در جاوا اسکریپت مرحله 26
چاپ در جاوا اسکریپت مرحله 26

مرحله 1. <text onclick = را در بدنه سند HTML خود تایپ کنید

این تگ HTML اولیه برای ایجاد یک دکمه در HTML شما است.

چاپ در جاوا اسکریپت مرحله 27
چاپ در جاوا اسکریپت مرحله 27

مرحله 2. بعد از علامت equals (=) "window.print ()"> را تایپ کنید

دستور "window.print ()" دستور Javascript برای چاپ محتویات پنجره مرورگر وب شما است. براکت (>) تگ باز کردن دکمه HTML را تمام می کند.

چاپ در جاوا اسکریپت مرحله 28
چاپ در جاوا اسکریپت مرحله 28

مرحله 3. متن مورد نظر خود را در دکمه تایپ کنید

این باید درست بعد از براکت (>) انجام شود. به عنوان مثال ، می توانید "برای چاپ اینجا را کلیک کنید" یا موارد مشابه را تایپ کنید.

چاپ در جاوا اسکریپت مرحله 29
چاپ در جاوا اسکریپت مرحله 29

مرحله 4. تایپ کنید

با این کار عنصر دکمه HTML بسته می شود. وقتی HTML خود را در یک مرورگر وب ارائه می دهید ، دکمه ای ایجاد می شود که می توانید روی آن کلیک کنید تا محتویات مرورگر وب yoru چاپ شود.

توصیه شده: