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

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

เช่น การใช้ จาวาสคริปต์บนไซต์ คุณสามารถดำเนินการต่อไปนี้:

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

รหัสผ่านป้องกันพื้นที่เฉพาะของเว็บไซต์ วิธีนี้จะจำกัดการเข้าถึงข้อมูลที่ไม่แนะนำให้แสดงต่อสาธารณะ

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

เพิ่มเครื่องมือบอกเวลาบนเว็บไซต์ของคุณ เช่น นาฬิกาหรือปฏิทิน ผู้ใช้มักจะชอบมัน

เพิ่มเกมและปริศนาลงในไซต์ เชื่อฉันเถอะว่านี่คือ วิธีที่ดีที่สุดทำให้ผู้มาเยือนรู้สึกผ่อนคลายและรู้สึกเหมือนอยู่บ้าน

ให้ลิงก์ไปยังข้อมูลที่อัปเดตอยู่ตลอดเวลา ผู้เยี่ยมชมเว็บไซต์จะสนใจข่าวสาร อัตราแลกเปลี่ยน พยากรณ์อากาศ และอื่นๆ อย่างแน่นอน

ทำไมต้องจาวาสคริปต์? ภาษา การเขียนโปรแกรม PHPและ MySQL ถูกสร้างขึ้นเพื่อให้คอมพิวเตอร์ทำงานได้ง่ายขึ้น

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

โดยทั่วไปแล้วไม่จำเป็นต้องเปลี่ยนแปลงโค้ดโปรแกรม ใน สถานการณ์กรณีที่ดีที่สุดในบางสถานที่คุณจะต้องเปลี่ยนชื่อไฟล์หรือเพิ่ม URL ให้กับบางรายการ

สั้น ๆ เกี่ยวกับการทำงานของ Java Script

เมื่อทำงานกับ Java Script คุณต้องเพิ่มสององค์ประกอบลงในโค้ดของหน้าเว็บ: ตัวสคริปต์เองและขั้นตอนที่จะรัน

โดยปกติคำแนะนำที่มาพร้อมกับสคริปต์จะมีทั้งหมด ข้อมูลที่จำเป็นเกี่ยวกับขั้นตอนการเปิดสคริปต์

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

/*
นี่คือที่ที่ความคิดเห็นมักจะอยู่
*/
ทำงานอะไรก็ได้()
{
และในที่นี้รหัสโปรแกรมนั้นเอง
}

การวางสคริปต์ไว้ในแท็กสามารถยอมรับได้ แทนที่จะวางแท็ก อย่างไรก็ตาม การทำเช่นนี้อาจมีความเสี่ยงได้ เว็บเบราว์เซอร์จะต้องแปลโค้ด Java Script ที่เขียนโดยโปรแกรมเมอร์ลงไป รหัสเครื่อง.

เบราว์เซอร์จะประมวลผลสคริปต์แท็กก่อนองค์ประกอบแท็ก ซึ่งหมายความว่าสคริปต์จะถูกกำหนดและพร้อมที่จะดำเนินการก่อนที่จะมีสิ่งใดปรากฏในหน้าต่างเว็บเบราว์เซอร์

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

ควรมีการเพิ่มขั้นตอนบางอย่างลงในเพจที่จะเรียกใช้สคริปต์ มักพบอยู่ภายในธาตุ

สามารถเปิดสคริปต์ได้ ในรูปแบบต่างๆแต่นักพัฒนาไม่จำเป็นต้องรู้ทั้งหมด แต่ละสคริปต์ที่นำมาจากอินเทอร์เน็ตและแปลเป็นโค้ด HTML มีขั้นตอนการเปิดตัวของตัวเอง

ตัวอย่าง.

1. สคริปต์จะถูกเปิดใช้งานหลังจากที่ตัวชี้เมาส์คลิกบนองค์ประกอบอินเทอร์เฟซใดๆ เมื่อผู้ใช้เลื่อนตัวชี้เมาส์ไว้เหนือองค์ประกอบนั้น แอตทริบิวต์ onClick ใช้สำหรับสิ่งนี้
ดังนั้นในตัวอย่างต่อไปนี้ แอตทริบิวต์ onClick จึงใช้สำหรับองค์ประกอบ A:
คลิกที่นี่เพื่อดำเนินการฟังก์ชันใดก็ตาม

แต่โดยทั่วไปแล้ว คุณลักษณะ onClick จะไม่ซ้ำกันและสามารถใช้ได้กับองค์ประกอบเกือบทุกชนิด

2. หรือสามารถเรียกใช้สคริปต์ได้หลังจากโหลดหน้าเว็บลงในหน้าต่างเบราว์เซอร์แล้ว
หากต้องการเปิดใช้งานสคริปต์หลังจากโหลดหน้าเว็บแล้ว ให้ใช้แอตทริบิวต์ onload ขององค์ประกอบ ดังตัวอย่างต่อไปนี้

มีคุณลักษณะอื่นๆ มากมายหลากหลาย ตัวอย่างเช่น คุณลักษณะ onMouseOver ซึ่งใช้ในการเรียกใช้สคริปต์หลังจากที่ผู้ใช้วางเมาส์ไว้เหนือองค์ประกอบอินเทอร์เฟซบางส่วน หรือแอตทริบิวต์ onMouseOut - เมื่อผู้ใช้ลบตัวชี้เมาส์

Java Script และ jQuery อย่างไรก็ตาม การเรียนรู้ Java Script กลายเป็นเรื่องง่ายยิ่งขึ้นเมื่อมีไลบรารี jQuery เข้ามา

ฟังก์ชั่น jQuery แก้ปัญหาในทางปฏิบัติและปัญหาเร่งด่วนมากมาย การสร้างสคริปต์ที่ซับซ้อนกลายเป็นเรื่องง่ายเมื่อใช้

และสำหรับเว็บไซต์นั้น โดยใช้ jQueryเปิดรายการปลั๊กอินจำนวนมากที่สามารถเชื่อมต่อกับทรัพยากรใด ๆ สิ่งสำคัญคือใช้ Java Script ด้วยความช่วยเหลือ ปลั๊กอิน jQueryสามารถนำไปใช้ได้ในโค้ดไม่กี่บรรทัด

• เมนูที่สวยงามและซับซ้อน
• แกลเลอรี่ภาพ
• ฟังก์ชั่นการจัดการเพจต่างๆ

หากเว็บไซต์ของคุณสร้างบน CMS คุณก็สามารถใช้สคริปต์ของคุณเองที่นั่นได้ การผสมผสาน CMS ง่าย ๆและ Java Script ช่วยให้คุณสร้างที่สวยงามมาก ใช้งานและสนับสนุนได้ง่าย อีกทั้งยังมีโซลูชันขนาดเล็กสำหรับโปรเจ็กต์ขนาดเล็กอีกด้วย

กับ ใช้จาวาสคริปต์และ jQuery สามารถเปลี่ยนแม้แต่เว็บไซต์นามบัตรที่ง่ายที่สุดให้กลายเป็นทรัพยากรที่สดใสและครบถ้วนซึ่งจะเป็นตัวแทนที่ยอดเยี่ยมของบริษัทบนอินเทอร์เน็ตที่กว้างใหญ่

JavaScript เป็นภาษาโปรแกรมที่ช่วยให้คุณสามารถสร้างสคริปต์ที่ฝังอยู่ในหน้า HTML และดำเนินการในเบราว์เซอร์ของผู้เยี่ยมชมหน้า

เบราว์เซอร์สมัยใหม่จำเป็นต้องรองรับ JavaScript

คำสั่ง JavaScript จะถูกเพิ่มไปยังหน้าเว็บโดยใช้แท็ก และจะต้องป้อนสคริปต์ปฏิบัติการในหน้าต่างข้อความ ซีเอ็มเอส เวิร์ดเพรส- ในเอกสารเดียวสามารถมีคอนเทนเนอร์ได้มากเท่าที่คุณต้องการ แอตทริบิวต์ “type=’text/javascript’” เป็นทางเลือก เนื่องจากค่าเริ่มต้นคือ javascript

นี่คือตัวอย่าง:

เอกสาร. write("ข้อความเอาท์พุต คำสั่งมาตรฐานจาวาสคริปต์" -

แอตทริบิวต์ประเภทของแท็กจะบอกเบราว์เซอร์ว่าคำสั่งภาษาสคริปต์ใดที่ฝังอยู่ถัดไปก่อนแท็กปิด

เมื่อเชี่ยวชาญภาษา JavaScript คุณต้องเชี่ยวชาญความคิดเห็นก่อน ซึ่งควรใช้บ่อยโดยเฉพาะเมื่อคุณเริ่มใช้ภาษาครั้งแรก

JavaScript อนุญาตให้แสดงความคิดเห็นสั้นๆ—ความคิดเห็นที่ยาวไม่เกินความยาวของบรรทัด อะไรก็ตามที่ตามหลังอักขระสองตัว // ไปที่ท้ายบรรทัดจะเป็นความคิดเห็นสั้นๆ ต่อไปนี้เป็นตัวอย่างความคิดเห็นสั้นๆ สองตัวอย่าง:

// 1. คำสั่งด้านล่างแสดงย่อหน้าด้วยตัวหนา
เอกสาร. เขียน(");

เอกสาร. เขียน( สวัสดีชาวโลก!- // 2. เอาต์พุตเป็นตัวเอียงด้วยสตริง Hello, World!

นอกจากนี้ JavaScript ยังอนุญาต ความคิดเห็นหลายบรรทัด- ความคิดเห็นที่ยาวหลายบรรทัด นี่คือตัวอย่างของความคิดเห็นดังกล่าว:

/*
คำสั่งแรกแสดงย่อหน้าด้วยตัวหนา
และคำสั่งที่สองแสดงย่อหน้าเป็นตัวเอียง
*/
เอกสาร. เขียน("

ย่อหน้าแสดงด้วยอักษรตัวหนา

- เอกสาร. เขียน("

ย่อหน้าที่เขียนด้วยตัวเอียง

» );

เป็นไปไม่ได้ที่จะอธิบายคุณสมบัติทั้งหมดของภาษา JavaScript ในหน้าเดียว ฉันจะเขียนเฉพาะคุณลักษณะที่สำคัญที่สุดของภาษาในความคิดของฉันเท่านั้น

สคริปต์ของภาษานี้สามารถฝังลงในโค้ด HTML ของเพจได้โดยตรง หรือวางไว้ในไฟล์ที่สามารถเรียกได้ หน้าที่แตกต่างกัน- นี่คือตัวอย่างของการเรียกไฟล์ด้วยสคริปต์:

หากระบุแอตทริบิวต์ src="… " เนื้อหาของแท็กจะถูกละเว้น กล่าวคือ ไม่สามารถรวมสคริปต์พร้อมกันในแท็กเดียวได้ สคริปต์ภายนอกและระบุรหัส ดังนั้นคุณต้องเลือก: สคริปต์มี src หรือมีรหัส หากจำเป็น เราก็เพียงเพิ่มโค้ดลงในสคริปต์อื่น

อย่างไรก็ตาม WordPress ไม่รู้จักเวอร์ชัน 4.0 รหัสจาวาสคริปต์ในโค้ด HTML ของหน้าต่างๆ และทำลายมันด้วยการซ่อนโค้ด JavaScript ไว้ด้านหลัง