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

สารบัญ:

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

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

วีดีโอ: วิธีทำสคริปต์
วีดีโอ: สอนทำ Health GUI (แถบเลือด) แบบง่ายๆ - Roblox Studio 2024, พฤศจิกายน
Anonim

ในการเขียนโปรแกรมทางอินเทอร์เน็ต จำเป็นต้องดึงดูดนักแสดงเสมือนบางคนให้ดำเนินการที่จำเป็นสำหรับโปรแกรมเมอร์ในเบราว์เซอร์หรือบนเซิร์ฟเวอร์ การดำเนินการอาจเป็นได้ ตัวอย่างเช่น เอฟเฟกต์ภาพหรือการประมวลผลข้อมูลที่ป้อนโดยผู้เยี่ยมชมในเบราว์เซอร์ หรือรวบรวมหน้าที่ร้องขอจากบล็อกที่แยกจากกันบนเซิร์ฟเวอร์ ตัวดำเนินการเสมือนของการกระทำเหล่านี้จะเป็นเซิร์ฟเวอร์หรือซอฟต์แวร์เบราว์เซอร์ และสคริปต์สำหรับตัวดำเนินการจะต้องเขียนในภาษาการเขียนโปรแกรมสคริปต์ภาษาใดภาษาหนึ่ง เพื่อให้ได้แนวคิดทั่วไปเกี่ยวกับวิธีการสร้างสคริปต์ เรามาเขียนสคริปต์อย่างง่ายใน JavaScript กัน

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

คำแนะนำ

ขั้นตอนที่ 1

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

ขั้นตอนที่ 2

ตอนนี้คุณสามารถเริ่มเขียนรหัสคำสั่งได้ เบราว์เซอร์เข้าใจมากกว่าหนึ่งภาษา - ตัวอย่างเช่น HTML (HyperText Markup Language) ใช้เพื่อมาร์กอัปหน้า และใช้ Cascading Style Sheets (CSS) เพื่ออธิบายลักษณะที่ปรากฏขององค์ประกอบของหน้าในลักษณะที่ขยายออกไป เพื่อให้ผู้เขียนสคริปต์รู้ว่าส่วนนี้ของซอร์สโค้ดของหน้าเขียนด้วย JavaScript ต้องวางคำแนะนำทั้งหมดไว้ในแท็กเปิดและปิด:

คำแนะนำสำหรับเบราว์เซอร์เรียกว่าตัวดำเนินการภาษา ตัวอย่างเช่น คำแนะนำในการอ่านและจดจำวันที่และเวลาปัจจุบันของคอมพิวเตอร์เพื่อใช้ในภายหลังในสคริปต์มีลักษณะดังนี้: var aTime = new Date (); ตอนนี้วัตถุ aTime มีข้อมูลวันที่และเวลาและสามารถดึงและประมวลผลได้ ในกรณีที่จำเป็น. คำแนะนำอื่น - เพื่อพิมพ์ข้อความบางส่วนในเนื้อหาของหน้า - มีลักษณะดังนี้: document.write ("บางข้อความ"); ให้ความสนใจ - มีการระบุวัตถุชื่อ "เอกสาร" ที่นี่ไม่จำเป็นต้องสร้างสิ่งนี้ เกิดขึ้นโดยอัตโนมัติ เป็นภาพเสมือนของหน้าปัจจุบัน จากวัตถุนี้ คุณสามารถดึงข้อมูลเกี่ยวกับหน้าและคุณสามารถดำเนินการแปลงต่างๆ กับหน้าได้ - ตัวอย่างเช่น ในโค้ดบรรทัดนี้ คุณเขียนข้อความ "ข้อความใดๆ" ลงในเอกสารโดยใช้คำสั่งเขียน ตอนนี้ ใช้ทั้งสองสิ่งนี้ บรรทัดในสคริปต์ - เขียนเวลาปัจจุบันบนหน้า: document.write ("เวลาปัจจุบัน" + aTime.getHours () + ":" + aTime.getMinutes ()); ที่นี่ด้วยการเติมง่ายๆ (+) คุณ เชื่อมสี่ส่วนของสตริงที่พิมพ์ได้ เมื่อเสร็จแล้ว สคริปต์อย่างง่ายของคุณจะมีลักษณะดังนี้:

var aTime = วันที่ใหม่ ();

document.write ("เวลาปัจจุบัน" + aTime.getHours () + ":" + aTime.getMinutes ());

ขั้นตอนที่ 3

ขั้นตอนสุดท้าย: บันทึกสคริปต์ด้วยนามสกุล html หรือ htm (เช่น timeJS.html) หากต้องการดูสิ่งที่คุณได้รับ ให้เปิดไฟล์ในเบราว์เซอร์ของคุณ - เพียงดับเบิลคลิก