วิธีทำจาวาสคริปต์

สารบัญ:

วิธีทำจาวาสคริปต์
วิธีทำจาวาสคริปต์

วีดีโอ: วิธีทำจาวาสคริปต์

วีดีโอ: วิธีทำจาวาสคริปต์
วีดีโอ: สอนพื้นฐาน JavaScript ทั้งหมดแบบจบในคลิปเดียว !! 🔥 2024, พฤศจิกายน
Anonim

การออกแบบเว็บสมัยใหม่เป็นเรื่องยากที่จะจินตนาการได้หากไม่มีสคริปต์ ด้วยภาษาสคริปต์ ทำให้สามารถทำงานต่างๆ ในเบราว์เซอร์ได้ ตั้งแต่การออกแบบรูปลักษณ์ของหน้าไปจนถึงการตรวจสอบข้อมูลที่ผู้ใช้ป้อน เช่นเดียวกับภาษาอื่นๆ คุณควรเริ่มเรียนรู้ java-scrirt ด้วยตัวอย่างที่ง่ายที่สุด

วิธีทำจาวาสคริปต์
วิธีทำจาวาสคริปต์

คำแนะนำ

ขั้นตอนที่ 1

คุณควรทราบว่าจาวาสคริปต์ไม่ได้เป็นส่วนหนึ่งของ HTML แต่เป็นภาษาในตัวของมันเอง แต่มันถูกฝังอยู่ในโค้ดของเพจหรือมีลิงก์ไปยังไฟล์สคริปต์ ในการเรียนรู้วิธีเขียนสคริปต์ Java คุณต้องมีโปรแกรมแก้ไข HTML ที่มีการเน้นไวยากรณ์ ตัวอย่างเช่น CuteHTML เป็นโปรแกรมแก้ไขขนาดเล็กและมีประโยชน์มาก

ขั้นตอนที่ 2

ตามกฎแล้ว การเรียนรู้ภาษาเริ่มต้นด้วยการแสดงวลีสุดคลาสสิก "สวัสดี ชาวโลก!" หากต้องการแสดงบรรทัดนี้บนหน้าจอเบราว์เซอร์ ให้เปิดตัวแก้ไขและป้อนรหัสต่อไปนี้หลังแท็ก BODY: บรรทัดนี้บอกเบราว์เซอร์ว่า JavaScript เริ่มต้น ณ จุดนี้

ขั้นตอนที่ 3

ป้อนบรรทัดที่สอง: document.write ("Hello, world!") บรรทัดนี้จะแสดงวลี "Hello, world!" ในหน้าต่างเบราว์เซอร์ ให้ความสนใจกับองค์ประกอบของบรรทัดนี้: ขั้นแรกให้ระบุข้อความว่าจะแสดงขึ้น จากนั้นระบุพารามิเตอร์ของข้อความ - ในกรณีนี้คือสี อาจมีการเพิ่มพารามิเตอร์อื่นๆ เช่น ขนาดและประเภทแบบอักษร

ขั้นตอนที่ 4

ปิดท้ายด้วยแท็กจาวาสคริปต์: แท็กนี้ส่งสัญญาณให้เบราว์เซอร์ทราบว่าสคริปต์เสร็จสิ้น เมื่อคุณป้อนบรรทัดทั้งหมดในโปรแกรมแก้ไขแล้ว ให้คลิกปุ่มดูในเบราว์เซอร์ในตัวแก้ไข (ไอคอนรูปแว่นขยายบนพื้นหลังของโลก) ในหน้าต่างเบราว์เซอร์เริ่มต้นที่เปิดขึ้น คุณจะเห็นผลลัพธ์ของสคริปต์แรกของคุณ โปรดทราบว่าเบราว์เซอร์อาจบล็อกการทำงาน และคำเตือนที่เกี่ยวข้องจะปรากฏขึ้น ให้เบราว์เซอร์รันจาวาสคริปต์

ขั้นตอนที่ 5

คุณสามารถเปลี่ยนขนาดของข้อความได้โดยการแทรกหลังสี 'RED' คั่นด้วยช่องว่าง ขนาด = 7 ทดลองกับขนาดตัวอักษรโดยการเปลี่ยนตัวเลข เปลี่ยนสีด้วย เช่น เป็น 'BLUE'

ขั้นตอนที่ 6

แน่นอนคุณเคยเห็นข้อความเตือนปรากฏบนหน้ามากกว่าหนึ่งครั้ง คุณสามารถแสดงข้อความดังกล่าวด้วยจาวาสคริปต์ ป้อนรหัสด้านล่างลงในตัวแก้ไข มันง่ายมาก คุณจึงสามารถคิดออกได้อย่างง่ายดาย สำหรับการศึกษาอย่างละเอียดเกี่ยวกับจาวาสคริปต์ ให้ค้นหาบทแนะนำที่เกี่ยวข้องทางอินเทอร์เน็ต