หน้าแรก
หน้าแรก
หากต้องการปิดใช้งานคุณสมบัติที่ปรับขนาดได้ ให้ใช้รูปแบบ CSS - textarea { resize: none; } หากต้องการปิดใช้งานพื้นที่ข้อความเฉพาะที่มีค่าแอตทริบิวต์ต่างกัน ให้ลองทำดังนี้ สมมติว่าแอตทริบิวต์ถูกตั้งค่าเป็น “สาธิต” − textarea[name=demo] { resize: none; } สมมติว่าแอตทริบิวต์ i
การแทรกอัฒภาคอัตโนมัติของ JavaScript (ASI) คือการแทรกอัฒภาคที่ขาดหายไป ข้อความต่อไปนี้ได้รับผลกระทบจากการแทรกอัฒภาคอัตโนมัติ - empty statement var statement expression statement do-while statement continue statement break statement return statement throw statement กฎอยู่ในข้อกำหนดดังต่อไปนี้
สมมติว่าบรรทัดต่อไปนี้ที่เรามีใน HTML ของเรา – <input type="Button" value="Result" onclick="alert(‘Hello World!’);"/> ที่นี่เบราว์เซอร์ระบุ JavaScript ในบรรทัดโดยการตรวจจับ onclick แม้ว่าแท็ก จะไม่พร้อมใช้งาน ต่อไปนี้คือคำแนะนำบางส่วนสำหรับการใช้อินไล
หากต้องการใช้ JavaScript เดียวกันในมากกว่าหนึ่งหน้า ให้เพิ่มโค้ด js ในไฟล์ JavaScript ภายนอก สมมติว่า demo.js ต่อไปนี้เป็นไฟล์ JavaScript ภายนอกของเรา - function display() { alert("Hello World!"); } เพิ่มไฟล์ JavaScript ภายนอกไปยังหน้าเว็บ HTML ต่อไปนี้ ในทำนองเดียวกัน คุณสามา
เวลาในการโหลดหน้าเว็บได้รับผลกระทบจากไฟล์ JavaScript และโค้ด หากคุณไม่ได้ปรับไฟล์ JavaScript ให้เหมาะสม เวลาในการโหลดหน้าเว็บจะเพิ่มขึ้น ซึ่งไม่น่าจะเกิดขึ้น ลดขนาดโค้ด JavaScript เพื่อลดเวลาในการโหลดหน้าเว็บ นอกจากนี้ แคชไฟล์ JavaScript เพื่อผลลัพธ์ที่ดีกว่า เพื่อประสิทธิภาพที่ดีขึ้น ให้ใช้ JavaScr
เพื่อหลีกเลี่ยงคำขอเซิร์ฟเวอร์หลายรายการ ให้จัดกลุ่มไฟล์ JavaScript ของคุณเป็นไฟล์เดียว สิ่งที่คุณใช้เพื่อประสิทธิภาพ พยายามย่อขนาด JavaScript เพื่อปรับปรุงเวลาในการโหลดของหน้าเว็บ หากคุณใช้แอปพลิเคชันหน้าเดียว ให้จัดกลุ่มสคริปต์ทั้งหมดในไฟล์เดียว หากคุณใช้หลายไฟล์ ให้ย่อสคริปต์ทั้งหมดของคุณและแยกออ
ต่อไปนี้คือข้อแตกต่างระหว่าง JavaScript แบบอินไลน์และไฟล์ภายนอก - สคริปต์ภายนอก เบราว์เซอร์จะจัดเก็บสคริปต์ภายนอกเมื่อดาวน์โหลดเป็นครั้งแรก หากต้องการอ้างอิงอีกครั้ง ก็ไม่จำเป็นต้องดาวน์โหลดเพิ่มเติม วิธีนี้ช่วยลดเวลาและขนาดการดาวน์โหลด แอตทริบิวต์ async และ defer มีผล หากมีแอตทริบิวต์เหล่านี้อยู่
Inline JavaScript Code - หากคุณกำลังเพิ่มโค้ด JavaScript ในไฟล์ HTML โดยไม่ใช้แท็ก src จะเรียกว่าโค้ด JavaScript แบบอินไลน์ นั่นคือทั้งหมดที่คุณต้องรู้
ด้วย JavaScript คุณสามารถวาง JavaScript ไว้ที่ใดก็ได้บนหน้า ไม่ว่าจะอยู่ในแท็ก หรือ แต่ควรเพิ่ม JavaScript ในส่วนท้ายก่อนปิดแท็ก ก่อน ทั้งนี้เป็นเพราะ − โหลดสคริปต์เร็วขึ้น จะไม่บล็อกเนื้อหา DOM ที่จะโหลด โหลดหน้าเว็บก่อนโหลด JavaScript ปรับปรุงความเร็วในการแสดงผล หน้าโหลดเร็วขึ้น
คุณสามารถวางแท็ก ที่มี JavaScript ของคุณไว้ที่ใดก็ได้ในหน้าเว็บของคุณ แต่โดยทั่วไปแนะนำว่าควรเก็บไว้ในแท็ก หรือ แท็ก. เป็นการดีสำหรับประสิทธิภาพในการเพิ่ม JavaScript ในองค์ประกอบ ต่อไปนี้คือตัวอย่างการเพิ่ม ภายใต้ … − <html> <body> <script> &n
สร้างไฟล์ JavaScript ภายนอกที่มีนามสกุล .js หลังจากสร้างแล้ว ให้เพิ่มลงในไฟล์ HTML ในแท็กสคริปต์ แอตทริบิวต์ src ใช้เพื่อรวมไฟล์ JavaScript ภายนอกนั้น หากคุณมีไฟล์ JavaScript ภายนอกมากกว่าหนึ่งไฟล์ ให้เพิ่มลงในหน้าเว็บเดียวกันเพื่อเพิ่มประสิทธิภาพของหน้า สมมติว่า new.js ต่อไปนี้เป็นไฟล์ JavaScript
ฟังก์ชันที่ไม่ระบุชื่อ Anonymous ตามที่ชื่อแนะนำ อนุญาตให้สร้างฟังก์ชันโดยไม่มีตัวระบุชื่อ สามารถใช้เป็นอาร์กิวเมนต์ของฟังก์ชันอื่นๆ นี่คือวิธีการใช้ฟังก์ชันที่ไม่ระบุตัวตนของ JavaScript - var myfunc = function() { alert(‘This is anonymous'); } อีกตัวอย่างหนึ่งอาจเป็นดังนี้ −
ในการเพิ่มประสิทธิภาพ ให้พยายามเก็บ JavaScript ไว้ภายนอก โค้ดแยกกันทำให้เว็บเบราว์เซอร์แคชได้ง่ายขึ้น อย่างไรก็ตาม ใช้สคริปต์อินไลน์เฉพาะเมื่อคุณสร้างเว็บไซต์หน้าเดียว อย่างไรก็ตาม ควรใช้โค้ดภายนอก เช่น JavaScript ภายนอก หากต้องการวาง JavaScript ในไฟล์ภายนอก ให้สร้างไฟล์ JavaScript ภายนอกที่มีนามสก
หากต้องการวาง JavaScript ในไฟล์ภายนอก ให้สร้างไฟล์ JavaScript ภายนอกที่มีนามสกุล .js หลังจากสร้างแล้ว ให้เพิ่มลงในไฟล์ HTML ในแท็กสคริปต์ แอตทริบิวต์ src ใช้เพื่อรวมไฟล์ JavaScript ภายนอกนั้น หากคุณมีไฟล์ JavaScript ภายนอกมากกว่าหนึ่งไฟล์ ให้เพิ่มลงในหน้าเว็บเดียวกันเพื่อเพิ่มประสิทธิภาพของหน้า สมม
document.onload เริ่มทำงานก่อนที่จะโหลดรูปภาพและเนื้อหาภายนอกอื่นๆ เอกสาร โหลด เหตุการณ์ถูกไล่ออกก่อน window.onload window.onload เริ่มทำงานเมื่อมีการโหลดหน้าเว็บทั้งหมด ซึ่งรวมถึงรูปภาพ สคริปต์ css เป็นต้น ตัวอย่าง นี่คือตัวอย่างเพื่อทำความเข้าใจ onload การสาธิตสด <html> <head
เช่นเดียวกับภาษาการเขียนโปรแกรมอื่นๆ JavaScript มีตัวแปร ตัวแปรสามารถคิดได้ว่าเป็นคอนเทนเนอร์ที่มีชื่อ คุณวางข้อมูลลงในคอนเทนเนอร์เหล่านี้แล้วอ้างอิงข้อมูลได้ง่ายๆ โดยตั้งชื่อคอนเทนเนอร์ ก่อนที่คุณจะใช้ตัวแปรในโปรแกรม JavaScript คุณต้องประกาศตัวแปรนั้น ตัวแปรถูกประกาศด้วยคีย์เวิร์ด var ดังนี้ <sc
ตัวแปรส่วนกลางมีขอบเขตทั่วโลก ขอบเขตของตัวแปรคือขอบเขตของโปรแกรมที่คุณกำหนดไว้ ตัวแปร JavaScript มีเพียงสองขอบเขต ตัวแปรส่วนกลาง − ตัวแปรส่วนกลางมีขอบเขตส่วนกลาง ซึ่งหมายความว่าสามารถกำหนดได้ทุกที่ในโค้ด JavaScript ของคุณ ตัวแปรท้องถิ่น − ตัวแปรโลคัลจะมองเห็นได้เฉพาะภายในฟังก์ชันที่กำหนดไว้เท่านั้น
ขอบเขตของตัวแปรคือขอบเขตของโปรแกรมที่กำหนดไว้ ตัวแปร JavaScript มีเพียงสองขอบเขต ตัวแปรส่วนกลาง − ตัวแปรส่วนกลางมีขอบเขตส่วนกลาง ซึ่งหมายความว่าสามารถกำหนดได้ทุกที่ในโค้ด JavaScript ของคุณ ตัวแปรท้องถิ่น − ตัวแปรโลคัลจะมองเห็นได้เฉพาะภายในฟังก์ชันที่กำหนดไว้เท่านั้น พารามิเตอร์ของฟังก์ชันจะอยู่ภายใน
หากต้องการปิดใช้งาน JavaScript ใน Google Chrome ให้ทำตามขั้นตอนด้านล่าง: เปิด Google Chrome และคลิกที่ไอคอนทางด้านขวา จากนั้นคลิก การตั้งค่า : ตอนนี้ ค้นหา javascript และไปที่ การตั้งค่าเนื้อหา ดังที่แสดงด้านล่าง: คลิกที่การตั้งค่าเนื้อหา . คุณจะไปถึงส่วนเพื่ออนุญาต/ไม่อนุญาต JavaScript เปิด
หากต้องการเปิดใช้งาน JavaScript ใน Opera ให้ทำตามขั้นตอนด้านล่าง: เปิดเบราว์เซอร์ Opera แล้วคลิกทางด้านซ้าย จากนั้นคลิก การตั้งค่า : ตอนนี้ภายใต้ การตั้งค่าการค้นหา , ค้นหา javascript . ในการค้นหา คุณจะได้รับตัวเลือกต่อไปนี้เพื่ออนุญาตจาวาสคริปต์ดังที่แสดงด้านล่าง: