Javascript- ով տպելու 4 եղանակ

Բովանդակություն:

Javascript- ով տպելու 4 եղանակ
Javascript- ով տպելու 4 եղանակ

Video: Javascript- ով տպելու 4 եղանակ

Video: Javascript- ով տպելու 4 եղանակ
Video: ԻՆՉՊԵՍ ԿԱՐԳԱՎՈՐԵԼ L4D2-ը 2024, Ապրիլ
Anonim

Համակարգչային ծրագրավորման մեջ Print- ը հրաման է, որն օգտագործվում է տեքստի որոշ տեսակներ էկրանին ցուցադրելու համար: Այն կարող է օգտագործվել տեքստ (տող), փոփոխական, թվեր կամ մաթեմատիկական հաշվարկներ ցուցադրելու համար: Առաջին ծրագրերից մեկը, որ սովորում են, այն է, թե ինչպես օգտագործել Print հրահանգը `ստեղծել ծրագիր, որը ցուցադրում է« Բարև աշխարհ »: Ի տարբերություն այլ ծրագրավորման լեզուների, Javascript- ը մատուցվում է վեբ դիտարկիչում: Javascript- ը չունի տպման պարզ հրահանգ, ինչպես շատ այլ լեզուներ: Այնուամենայնիվ, կան բազմաթիվ եղանակներ, որոնցով կարող եք տեքստ ցուցադրել կամ HTML փաստաթղթի, ահազանգի պատուհանի, վահանակի ներսում: Տպիչից տպելու համար կարող եք նաև օգտագործել Javascript- ը:

Քայլեր

Մեթոդ 1 4 -ից ՝ InnerHTML- ի օգտագործումը

Տպել Javascript- ով Քայլ 1
Տպել Javascript- ով Քայլ 1

Քայլ 1. Ձեր HTML փաստաթղթի տեքստում մուտքագրեք <p id =:

Սա որոշակի ID- ով պարբերության տեքստի բացման HTML պիտակն է:

HTML կոդը գրելու մասին լրացուցիչ տեղեկությունների համար կարդացեք Ինչպես ստեղծել պարզ վեբ էջ HTML- ով:

Տպել Javascript- ով Քայլ 2
Տպել Javascript- ով Քայլ 2

Քայլ 2. Մուտքագրեք պարբերության տարրի անունը մեջբերումներում, որից հետո `>:

Սա պարբերության տեքստի տարրին տալիս է ID, որը կարող է հետ կանչվել 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 տարրը իր ID- ով կանչելու համար:

Տպել Javascript- ով Քայլ 7
Տպել Javascript- ով Քայլ 7

Քայլ 7. Փակագծի ներսում մեջբերումներում մուտքագրեք պարբերության տարրի ID- ն:

Եթե ձեր պարբերության տարրը «

", ձեր 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. Սեղմեք ↵ Մուտքագրեք և մուտքագրեք:

Այս պիտակը փակում է ձեր Javascript կոդը: Մուտքագրեք այս պիտակը, երբ ավարտեք, մուտքագրեք Javascript- ի ձեր բոլոր տողերը: Երբ բեռնում եք HTML փաստաթուղթը վեբ դիտարկիչում, այն կտպվի HTML փաստաթղթի ներսում:

Մեթոդ 2 4 -ից. Օգտագործելով պատուհանի նախազգուշացում

Տպել Javascript- ով Քայլ 11
Տպել Javascript- ով Քայլ 11

Քայլ 1. Մուտքագրեք ձեր HTML փաստաթղթի տեքստը:

Սա ձեր Javascript- ի բացման պիտակն է:

Տպել Javascript- ով Քայլ 12
Տպել Javascript- ով Քայլ 12

Քայլ 2. Սեղմեք ↵ Մուտքագրեք և մուտքագրեք ահազանգ:

Սա javascript- ի հրամանն է ՝ բացվող պատուհանի ահազանգ բացելու համար:

Տպել Javascript- ով Քայլ 13
Տպել Javascript- ով Քայլ 13

Քայլ 3. Մուտքագրեք այն, ինչ ցանկանում եք տպել փակագծերում:

Դուք կարող եք մուտքագրել տեքստ, փոփոխական, թվեր կամ մաթեմատիկական հավասարումներ: Օրինակ, «alert (« Hello Sweety! »)», «Hello Sweety!» Ցուցադրելու համար: բացվող պատուհանում:

Տպել Javascript- ով Քայլ 14
Տպել Javascript- ով Քայլ 14

Քայլ 4. Ավելացրեք կիսագունդը (;

) վերջում.

Սա փակում է Javascript- ի ձեր գիծը: Ամբողջ տողը պետք է նման լինի «զգոնության» («Բարև Քաղցրիկ»); »:

Տպել Javascript- ով Քայլ 15
Տպել Javascript- ով Քայլ 15

Քայլ 5. Սեղմեք ↵ Մուտքագրեք և մուտքագրեք:

Այս պիտակը փակում է ձեր Javascript կոդը: Մուտքագրեք այս պիտակը, երբ ավարտեք Javascript- ի ձեր բոլոր տողերի մուտքագրումը: Երբ ձեր HTML փաստաթուղթը բեռնում եք վեբ դիտարկիչում, այն ցուցադրվող տեքստը կցուցադրի բացվող պատուհանում:

Կարող եք նաև ստեղծել կոճակ, որը ցուցադրվող տպագիր տեքստը ցուցադրում է բացվող պատուհանում: Դա անելու համար մուտքագրեք «Կոճակի տեքստ»:

Մեթոդ 3 4 -ից. Օգտագործելով Վահանակի մատյան

Տպել Javascript- ով Քայլ 16
Տպել Javascript- ով Քայլ 16

Քայլ 1. Մուտքագրեք ձեր HTML փաստաթղթի տեքստը:

Սա ձեր Javascript- ի բացման պիտակն է:

Տպել Javascript- ով Քայլ 17
Տպել Javascript- ով Քայլ 17

Քայլ 2. Սեղմեք ↵ Մուտքագրեք և մուտքագրեք console.log:

Սա վահանակի մատյանի համար javascript հրահանգն է: Վահանակի մատյանը Տպման հրամանին ամենամոտիկն է բնորոշ կոդավորման իմաստով: Այն տեքստ չի ցուցադրում ձեր վեբ էջում, բայց տեքստ է ցուցադրում վահանակի ներսում, երբ ձեր 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. Սեղմեք ↵ Մուտքագրեք և մուտքագրեք:

Այս պիտակը փակում է ձեր 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:

Սա բացում է Developer Mode- ը ձեր վեբ դիտարկիչում: Դուք կտեսնեք նոր պատուհան `ցուցադրված HTML, CSS և Javascript ծածկագիրը:

Տպել Javascript- ում Քայլ 24
Տպել Javascript- ում Քայլ 24

Քայլ 9. Կտտացրեք Վահանակով:

Այն մշակողի ռեժիմի պատուհանի վերևում է:

Տպել Javascript- ով Քայլ 25
Տպել Javascript- ով Քայլ 25

Քայլ 10. Թարմացրեք ձեր դիտարկիչը

Տպել Javascript- ով Քայլ 26
Տպել Javascript- ով Քայլ 26

Քայլ 1. Ձեր HTML փաստաթղթի տեքստում մուտքագրեք <կոճակը onclick =:

Սա 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- ը ներկայացնում եք վեբ դիտարկիչում, այն կստեղծի կոճակ, որի վրա կարող եք սեղմել ՝ ձեր վեբ դիտարկիչի բովանդակությունը տպելու համար:

Խորհուրդ ենք տալիս: