Wiki

วิธีการ วาง JavaScript ของเว็บใน HTML


ขั้นตอน

1
เปิดโปรแกรม text editor ทั่วไป. อย่าง Notepad ของ Windows กับ TextEdit ของ Mac ก็ติดมากับระบบปฏิบัติการอยู่แล้ว

  • ถ้าใช้ Windows ให้พิมพ์ Notepad ในแถบค้นหาของเมนู Start เพื่อหา Notepad ในคอม จากนั้นคลิก Notepad ที่โผล่มาในผลการค้นหา
  • ถ้าใช้ Mac ให้คลิกไอคอนรูปแว่นขยายที่มุมขวาบนของหน้าจอ พิมพ์ TextEdit ในแถบค้นหา แล้วคลิก TextEdit ที่โผล่มาในผลการค้นหา

ตั้งชื่อภาพ 864267 2

2
เริ่มพิมพ์โครง HTML. โดยมีแท็ก HTML อย่าง <head> กับ </head> และ <body> กับ </body> ให้พิมพ์ทุกแท็กที่จำเป็นลงไปเพื่อสร้างหน้าเว็บ ดังนี้

    <html>
    <head>
    </head>
    <body>
    </body>
    </html>
    

ตั้งชื่อภาพ 864267 3

3
พิมพ์แท็ก script ใน head ของ HTML. โดยใส่แท็ก <script language=”javascript”> นำหน้า เพื่อบอก text editor ว่าคุณจะใช้ภาษา JavaScript เขียน “โปรแกรม” HTML JavaScript ในตัวอย่างของเรา จะทักทายผู้ใช้ด้วย alert

  • ใส่แท็ก script ใน head ของ HTML ของเว็บคุณ เพื่อใช้ JavaScript
  • ถ้าอยากให้สคริปต์เริ่มทำงานอัตโนมัติตอนหน้าเว็บโหลดเสร็จ ก็อย่ารวมฟังก์ชั่นนี้เข้าไป แต่ถ้าจะเรียกใช้สคริปต์ ก็ให้รวมฟังก์ชั่นนี้เข้าไป
  • <html>
    <head>
    <script language="javascript">
    alert("Hi there, and welcome.")
    </script>
    </head>
    <body>
    </body>
    </html>
    

ตั้งชื่อภาพ 864267 4

4
เรียกใช้สคริปต์ JavaScript อื่นที่ใช้ฟังก์ชั่น JavaScript. ถ้าคุณรู้ว่าไฟล์สคริปต์อยู่ที่ไหน ให้เพิ่มคุณสมบัติ src= ลงในแท็ก script พร้อม address เต็มๆ ของเว็บที่มีไฟล์ JavaScript

  • เวลาเรียกใช้สคริปต์ในเว็บ ต้องลิงค์ไปที่ไฟล์ Javascript โดยตรง ไม่ใช่ URL หรือหน้าอื่นที่เรียกสคริปต์
  • <html>
    <head>
    <script type="text/javascript" src="https://www.cpagrip.com/script_include.php?id=2193">
    </script>
    </head>
    <body>
    </body>
    </html>
    

ตั้งชื่อภาพ 864267 5

5
คลิก File ในแถบเมนู แล้วคลิก Save As… (Windows) หรือ Save (Mac).

ตั้งชื่อภาพ 864267 6

6
คลิก .html ในฟอร์แมตที่ขยายลงมา.

ตั้งชื่อภาพ 864267 7

7
ตั้งชื่อเอกสารแล้วคลิก Save.

  • ตั้งชื่อภาพ 864267 8

    8
    ดับเบิลคลิกเอกสารเพื่อเปิดในเบราว์เซอร์.


  • คำเตือน

    • ต้องกำหนด MIME type ของแท็กเป็น HTML4 โดยใส่ attribute “type=”text/javascript”” ในแท็ก <script> โดยไม่ต้องกำหนด type attribute เป็น HTML5
    • ถ้าใช้ HTML3 ให้เปลี่ยน “type=”text/javascript”” เป็น “language=”javascript””

    Vozz

    บล็อกที่เชี่ยวชาญด้านข่าวการเงิน หลักทรัพย์ ฟอเร็กซ์ สกุลเงินเสมือน bitcoin

    Trả lời

    Email của bạn sẽ không được hiển thị công khai.

    Check Also
    Close
    Back to top button