หากต้องการปิดใช้งานคุณสมบัติการปรับขนาด (resizable) ของ textarea ให้ใช้ CSS ดังนี้: textarea { resize: none; } หากต้องการปิดใช้งาน textarea เฉพาะบางตัวด้วยค่าแอตทริบิวต์ที่แตกต่างกัน ลองใช้วิธีดังนี้ สมมติว่าแอตทริบิวต์ name ตั้งค่าเป็น demo: textarea[name=demo] { resize: none; } สมมติว่าแอต

การแทรกเซมิโคลอนอัตโนมัติ (Automatic Semicolon Insertion - ASI) ของ JavaScript เป็นกลไกที่ช่วยแทรกเซมิโคลอนที่ขาดหายไป โดยคำสั่งต่อไปนี้ได้รับผลกระทบจาก ASI: คำสั่งว่าง (empty statement) คำสั่งตัวแปร (var statement) คำสั่งนิพจน์ (expression statement) คำสั่ง do-while คำสั่ง continue คำสั่ง brea

สมมติว่าเรามีบรรทัดต่อไปนี้ใน HTML − <input type=Button value=Result onclick=alert(Hello World!);/> ที่นี่เบราว์เซอร์ระบุ inline JavaScript โดยตรวจจับ onclick แม้ว่าแท็ก <script> จะไม่มีอยู่ นี่คือข้อเสนอแนะสำหรับการใช้ inline JavaScripts − คุณควรพิจารณา inline script eleme

เพื่อใช้ JavaScript เดียวกันในมากกว่าหนึ่งหน้า ให้เพิ่มโค้ด js ในไฟล์ JavaScript ภายนอก สมมติว่า demo.js ต่อไปนี้คือไฟล์ JavaScript ภายนอกของเรา − function display() { alert(Hello World!); } ตอนนี้เพิ่มไฟล์ JavaScript ภายนอกไปยังหน้าเว็บ HTML ต่อไปนี้ ดרךเดียวกัน คุณสามารถเพิ่มในหลายหน้

Page load time ถูกกระทบโดยไฟล์และโค้ด JavaScript หากคุณไม่เพิ่มประสิทธิภาพไฟล์ JavaScript เวลาโหลดหน้าจะเพิ่มขึ้น ซึ่งไม่ควรเกิดขึ้น Minify โค้ด JavaScript เพื่อลดเวลาโหลดหน้า นอกจากนี้ ให้แคช (cache) ไฟล์ JavaScript เพื่อผลลัพธ์ที่ดีกว่า สำหรับประสิทธิภาพที่ดีกว่า ให้ใช้ inline และ external JavaSc

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

ความแตกต่างระหว่าง inline JavaScript และ external file − External scripts เบราว์เซอร์เก็บ external script ไว้หลังดาวน์โหลดครั้งแรก หากอ้างอิงอีก ไม่ต้องดาวน์โหลดเพิ่ม ลดเวลาและขนาดการดาวน์โหลด แอตทริบิวต์ async และ defer มีผล หากมีอยู่ สคริปต์จะเปลี่ยนพฤติกรรมเริ่มต้น Inline scripts Inline

Inline JavaScript Code − หากคุณเพิ่มโค้ด JavaScript ในไฟล์ HTML โดยไม่ใช้แอตทริบิวต์ src แล้วมันเรียกว่า inline JavaScript code นั่นคือทั้งหมดที่คุณต้องรู้

ด้วย JavaScript คุณสามารถวาง JavaScript ไว้ที่ไหนก็ได้ในหน้า ไม่ว่าจะภายใน <head> หรือ <body> แต่เป็นแนวทางปฏิบัติที่ดีที่จะเพิ่ม JavaScript ใน footer คือก่อนปิดแท็ก <body> เนื่องจาก − โหลดสคริปต์เร็วขึ้น จะไม่บล็อกเนื้อหา DOM ใดๆ ให้โหลด โหลดหน้าเว็บก่อนโหลด JavaScript ปรั

คุณสามารถวางแท็ก <script> ที่มี JavaScript ของคุณไว้ที่ไหนก็ได้ในหน้าเว็บ แต่ปกติแนะนำให้เก็บไว้ภายในแท็ก <head> หรือ <body> ดีสำหรับประสิทธิภาพที่จะเพิ่ม JavaScript ในอีลิเมนต์ <body> นี่คือตัวอย่างเพื่อเพิ่ม <script> ภายใต้ <body>...</body> − <ht

สร้างไฟล์ JavaScript ภายนอกด้วยนามสกุล .js หลังสร้างแล้ว ให้เพิ่มในไฟล์ HTML ในแท็ก script แอตทริบิวต์ src ใช้รวมไฟล์ JavaScript ภายนอกนั้น หากคุณมีไฟล์ JavaScript ภายนอกมากกว่าหนึ่งไฟล์ ให้เพิ่มในหน้าเว็บเดียวกันเพื่อเพิ่มประสิทธิภาพของหน้า สมมติว่า new.js ต่อไปนี้คือไฟล์ JavaScript ภายนอกของเรา &

Anonymous Functions Anonymous ตามชื่อ อนุญาตให้สร้างฟังก์ชันโดยไม่มีตัวระบุชื่อ ใช้เป็นอาร์กิวเมนต์ให้ฟังก์ชันอื่นได้ นี่คือวิธีใช้ JavaScript anonymous functions − var myfunc = function() { alert(This is anonymous); } ตัวอย่างอีกอย่าง − setTimeout(function() { alert(Demo);

เพื่อเพิ่มประสิทธิภาพ พยายามเก็บ JavaScript ไว้ภายนอก (external) โค้ดแยกต่างหากทำให้เบราว์เซอร์แคช (cache) ได้ง่ายขึ้น อย่างไรก็ตาม ใช้ inline scripts เฉพาะเมื่อคุณทำเว็บไซต์หน้าเดียว (single page websites) ยังคงดีกว่าที่จะใช้ external code คือ external JavaScript เพื่อวาง JavaScript ในไฟล์ภายนอก ใ

เพื่อวาง JavaScript ในไฟล์ภายนอก ให้สร้างไฟล์ JavaScript ภายนอกด้วยนามสกุล .js หลังสร้างแล้ว ให้เพิ่มในไฟล์ HTML ในแท็ก script แอตทริบิวต์ src ใช้รวมไฟล์ JavaScript ภายนอกนั้น หากคุณมีไฟล์ JavaScript ภายนอกมากกว่าหนึ่งไฟล์ ให้เพิ่มในหน้าเว็บเดียวกันเพื่อเพิ่มประสิทธิภาพของหน้า สมมติว่า new.js ต่อไป

document.onload ยิงก่อนโหลดรูปภาพและเนื้อหาภายนอก document.onload event ยิงก่อน window.onload window.onload ยิงเมื่อหน้าเว็บโหลดเสร็จสมบูรณ์ รวมถึงรูปภาพ สคริปต์ CSS ฯลฯ ตัวอย่าง ตัวอย่างเพื่อเข้าใจ onload Live Demo <html> <head> <title>JavaScript Animation</title

เหมือนภาษาโปรแกรมมิ่งอื่นๆ JavaScript มีตัวแปร ตัวแปรคิดได้เหมือนภาชนะที่มีชื่อ คุณสามารถวางข้อมูลลงในภาชนะเหล่านี้ แล้วอ้างอิงข้อมูลได้โดยเพียงแค่ชื่อภาชนะ ก่อนใช้ตัวแปรในโปรแกรม JavaScript คุณต้องประกาศมันก่อน ตัวแปรประกาศด้วยคีย์เวิร์ด var ดังนี้ <script> <!-- var money;

ตัวแปรทั่วไปมีขอบเขตทั่วไป ขอบเขตของตัวแปรคือภูมิภาคของโปรแกรมที่ตัวแปรถูกกำหนด ตัวแปร JavaScript มีเพียงสองขอบเขต Global Variables − ตัวแปรทั่วไปมีขอบเขตทั่วไป หมายถึงสามารถกำหนดได้ทุกที่ในโค้ด JavaScript ของคุณ Local Variables − ตัวแปรท้องถิ่นจะมองเห็นได้เฉพาะภายในฟังก์ชันที่ถูกกำหนด

ขอบเขตของตัวแปรคือภูมิภาคของโปรแกรมที่ตัวแปรถูกกำหนด ตัวแปร JavaScript มีเพียงสองขอบเขต Global Variables − ตัวแปรทั่วไปมีขอบเขตทั่วไป หมายถึงสามารถกำหนดได้ทุกที่ในโค้ด JavaScript ของคุณ Local Variables − ตัวแปรท้องถิ่นจะมองเห็นได้เฉพาะภายในฟังก์ชันที่ถูกกำหนด พารามิเตอร์ของฟังก์ชันจะเป็

เพื่อปิดใช้งาน JavaScript ใน Google Chrome ทำตามขั้นตอนด้านล่าง: เปิด Google Chrome คลิกไอคอนด้านขวา แล้วคลิก Settings: ค้นหา javascript และไปที่ Content Settings ตามภาพ: คลิกที่ Content Settings คุณจะไปถึงส่วนอนุญาต/ไม่อนุญาต JavaScript เปิดอยู่ตอนนี้: คลิกเพื่อปิด สลับปุ่มเพื่อปิดใช้งาน JavaScr

เพื่อเปิดใช้งาน JavaScript ใน Opera ทำตามขั้นตอนด้านล่าง: เปิดเบราว์เซอร์ Opera คลิกด้านซ้าย แล้วคลิก Settings: ตอนนี้ภายใต้ Search Settings ค้นหา javascript เมื่อค้นหา คุณจะได้ตัวเลือกอนุญาต javascript ตามภาพด้านล่าง: