4 דרכים להדפסה ב- Javascript

תוכן עניינים:

4 דרכים להדפסה ב- Javascript
4 דרכים להדפסה ב- Javascript

וִידֵאוֹ: 4 דרכים להדפסה ב- Javascript

וִידֵאוֹ: 4 דרכים להדפסה ב- Javascript
וִידֵאוֹ: 3 Tips to ask question on Stack Overflow the right way to get answers 2024, אַפּרִיל
Anonim

בתכנות מחשבים, הדפסה היא פקודה המשמשת להצגת טקסט כלשהו על המסך. ניתן להשתמש בו להצגת טקסט (מחרוזת), משתנה, מספרים או חישובי מתמטיקה. אחד הדברים הראשונים שלמתכנתים לומדים הוא כיצד להשתמש בפקודה Print כדי ליצור תוכנית המציגה "שלום עולם!". שלא כמו שפות תכנות אחרות, Javascript מוצג בתוך דפדפן אינטרנט. ל- Javascript אין פקודת Print פשוטה כמו בהרבה שפות אחרות. עם זאת, ישנן דרכים רבות בהן תוכל להציג טקסט בתוך מסמך ה- HTML, חלון התראה, המסוף. תוכל גם להשתמש ב- Javascript להדפסה ממדפסת.

צעדים

שיטה 1 מתוך 4: שימוש ב- InnerHTML

הדפס ב- Javascript שלב 1
הדפס ב- Javascript שלב 1

שלב 1. הקלד <p id = בגוף מסמך ה- HTML שלך

זהו תג ה- HTML הפותח עבור טקסט פסקה עם מזהה ספציפי.

למידע נוסף על כתיבת קוד HTML, עיין כיצד ליצור דף אינטרנט פשוט עם HTML

הדפס ב- Javascript שלב 2
הדפס ב- Javascript שלב 2

שלב 2. הקלד שם לרכיב הפסקה במרכאות ולאחר מכן>

זה מקצה למרכיב הטקסט של הפסקה מזהה שניתן להיזכר ב- Javascript. לדוגמה,"

".

תוכל גם להשתמש ברכיבי HTML אחרים של טקסט, כגון כותרת {{kbd |

הדפס ב- Javascript שלב 3
הדפס ב- Javascript שלב 3

שלב 3. הקלד

מיד לאחר"

תג.

זה מוסיף תג סגירה לרכיב HTML של פסקת הפתיחה

הדפס ב- Javascript שלב 4
הדפס ב- Javascript שלב 4

שלב 4. הקש ↵ Enter

זה מוסיף שורה חדשה ל- HTML שלך.

הדפס ב- Javascript שלב 5
הדפס ב- Javascript שלב 5

שלב 5. הקלד ולחץ על ↵ Enter

זהו תג הפתיחה של Javascript שלך. כל קידוד Javascript צריך ללכת אחרי תג זה.

הדפס ב- Javascript שלב 6
הדפס ב- Javascript שלב 6

שלב 6. הקלד document.getElementById

זהו קוד ה- javascript לקרוא לו רכיב HTML לפי המזהה שלו.

הדפס ב- Javascript שלב 7
הדפס ב- Javascript שלב 7

שלב 7. הקלד את מזהה רכיב הפיסקה במרכאות בתוך סוגריים

אם רכיב הפסקה שלך הוא"

", קוד ה- javascript שלך יקרא" document.getElementById ("מתמטיקה") ".

הדפס ב- Javascript שלב 8
הדפס ב- Javascript שלב 8

שלב 8. הקלד. InnerHTML = לאחר הסוגר

פקודה זו משמשת להצגת פלט טקסט באמצעות רכיב HTML.

הדפס ב- Javascript שלב 9
הדפס ב- Javascript שלב 9

שלב 9. הקלד את מה שברצונך להדפיס ואחריו נקודה -פסיק (;

).

אתה יכול להציג טקסט, משתנה, מספרים או משוואת מתמטיקה.

לדוגמה, הקלד "document.getElementById (" הדגמה "). InnerHTML = 27 + 33;" כדי להדפיס את הסכום של 27 + 33

הדפס ב- Javascript שלב 10
הדפס ב- Javascript שלב 10

שלב 10. הקש ↵ Enter והקלד

תג זה סוגר את קוד ה- Javascript שלך. הקלד תג זה כשתסיים הזן את כל שורות Javascript שלך. כאשר אתה טוען את מסמך ה- HTML בדפדפן אינטרנט, הוא יודפס בתוך מסמך ה- HTML.

שיטה 2 מתוך 4: שימוש בהתראת חלון

הדפס ב- Javascript שלב 11
הדפס ב- Javascript שלב 11

שלב 1. הקלד את גוף מסמך ה- HTML שלך

זהו תג הפתיחה של Javascript שלך.

הדפס ב- Javascript שלב 12
הדפס ב- Javascript שלב 12

שלב 2. הקש ↵ Enter והקלד התראה

זוהי פקודת javascript לפתיחת התראה בחלון קופץ.

הדפס ב- Javascript שלב 13
הדפס ב- Javascript שלב 13

שלב 3. הקלד את מה שברצונך להדפיס בסוגריים

ניתן להקליד טקסט, משתנה, מספרים או משוואת מתמטיקה. לדוגמה, "התראה (" שלום מתוקה! ")" להצגת "שלום מתוקה!" בחלון קופץ.

הדפס ב- Javascript שלב 14
הדפס ב- Javascript שלב 14

שלב 4. הוסף חצי נקודתיים (;

) בסופו של דבר.

זה סוגר את שורת Javascript שלך. כל השורה צריכה להיראות בערך "התראה (" שלום מתוקה! ");".

הדפס ב- Javascript שלב 15
הדפס ב- Javascript שלב 15

שלב 5. הקש ↵ Enter והקלד

תג זה סוגר את קוד ה- Javascript שלך. הקלד תג זה כשתסיים להזין את כל שורות Javascript שלך. כאשר אתה טוען את מסמך ה- HTML שלך בדפדפן אינטרנט, הוא יציג את הטקסט שברצונך להדפיס בחלון מוקפץ.

תוכל גם ליצור לחצן המציג טקסט מודפס בחלון מוקפץ. לשם כך הקלד "טקסט כפתור"

שיטה 3 מתוך 4: שימוש ביומן מסוף

הדפס ב- Javascript שלב 16
הדפס ב- Javascript שלב 16

שלב 1. הקלד את גוף מסמך ה- HTML שלך

זהו תג הפתיחה של Javascript שלך.

הדפס ב- Javascript שלב 17
הדפס ב- Javascript שלב 17

שלב 2. הקש ↵ Enter והקלד console.log

זוהי פקודת javascript עבור יומן מסוף. יומן קונסולה הוא הדבר הקרוב ביותר לפקודת Print במובן הקידוד הטיפוסי. הוא אינו מציג טקסט בדף האינטרנט שלך, אך הוא מציג טקסט בתוך המסוף כאשר אתה מפעיל את HTML/Javascript שלך בדפדפן אינטרנט. זה שימושי לניפוי באגים.

הדפס ב- Javascript שלב 18
הדפס ב- Javascript שלב 18

שלב 3. הקלד את הטקסט שברצונך להיכנס לסוגריים

זה יכול להיות טקסט (מחרוזת), משתנה, מספרים או משוואת מתמטיקה. לדוגמה, console.log (אני מדפיס ב- Javascript).

הדפס ב- Javascript שלב 19
הדפס ב- Javascript שלב 19

שלב 4. הוסף חצי נקודתיים (;

) בסופו של דבר.

זה סוגר את שורת Javascript שלך. כל השורה צריכה להיראות בערך כמו "nowiki> console.log (אני מדפיס ב- Javascript)

הדפס ב- Javascript שלב 20
הדפס ב- Javascript שלב 20

שלב 5. הקש ↵ Enter והקלד

תג זה סוגר את קוד ה- Javascript שלך. הקלד תג זה כשתסיים להזין את כל שורות Javascript שלך.

הדפס ב- Javascript שלב 21
הדפס ב- Javascript שלב 21

שלב 6. שמור את מסמך ה- HTML שלך

בצע את השלבים הבאים לשמירת מסמך ה- HTML שלך.

  • נְקִישָׁה קוֹבֶץ בחלק העליון של עורך הטקסט או תוכנת עריכת HTML.
  • נְקִישָׁה שמור כ.
  • הקלד שם קובץ עבור מסמך ה- HTML.
  • ודא שהוא נשמר כמסמך ".html".
  • נְקִישָׁה להציל.
הדפס ב- Javascript שלב 22
הדפס ב- Javascript שלב 22

שלב 7. פתח את מסמך ה- HTML בדפדפן אינטרנט

פתח כל דפדפן אינטרנט לבחירתך והקלד את מיקום הקובץ של מסמך ה- HTML בשורת הכתובת למעלה. פעולה זו תפתח את מסמך ה- HTML בדפדפן האינטרנט שלך.

הדפס ב- Javascript שלב 23
הדפס ב- Javascript שלב 23

שלב 8. הקש F12

פעולה זו פותחת את מצב המפתחים בדפדפן האינטרנט שלך. תראה חלון חדש עם קוד HTML, CSS וקוד Javascript המוצג.

הדפס ב- Javascript שלב 24
הדפס ב- Javascript שלב 24

שלב 9. לחץ על מסוף

הוא נמצא בחלק העליון של חלון מצב המפתחים.

הדפס ב- Javascript שלב 25
הדפס ב- Javascript שלב 25

שלב 10. רענן את הדפדפן שלך

הדפס ב- Javascript שלב 26
הדפס ב- Javascript שלב 26

שלב 1. הקלד <button onclick = בגוף מסמך ה- HTML שלך

זהו תג ה- HTML הפותח ליצירת כפתור בתוך ה- HTML שלך.

הדפס ב- Javascript שלב 27
הדפס ב- Javascript שלב 27

שלב 2. הקלד "window.print ()"> אחרי הסימן שווה (=)

הפקודה "window.print ()" היא הפקודה Javascript להדפסת התוכן של חלון דפדפן האינטרנט שלך. סוגר (>) מסיים את תג הפתיחה של כפתור ה- HTML.

הדפס ב- Javascript שלב 28
הדפס ב- Javascript שלב 28

שלב 3. הקלד את הטקסט שברצונך להעביר בכפתור

זה אמור לעבור מיד אחרי הסוגר (>). לדוגמה, תוכל להקליד "לחץ כאן להדפסה" או משהו דומה.

הדפס ב- Javascript שלב 29
הדפס ב- Javascript שלב 29

שלב 4. הקלד

זה סוגר את רכיב כפתור ה- HTML. כאשר אתה מעבד את ה- HTML שלך בדפדפן אינטרנט, הוא ייצור לחצן שאפשר ללחוץ עליו כדי להדפיס את התוכן של דפדפן האינטרנט yoru.

מוּמלָץ: