ในตอนนี้ พวกเราส่วนใหญ่น่าจะเคยได้ยินเกี่ยวกับภาษาการเขียนโปรแกรม^{(programming language)}ที่เรียกว่าJavaScript เป็นที่นิยมมากและส่วนใหญ่จะใช้ในการพัฒนาเว็บไซต์ หากเว็บเบราว์เซอร์ของคุณไม่รองรับJavaScriptหรือส่วนขยายบล็อก^{(extension blocks it)}เว็บไซต์ส่วนใหญ่ที่คุณเข้าชมจะไม่โหลดอย่างถูกต้อง

JavaScript แตก ต่างจาก Java เมื่อมีการใช้งานภาษาโปรแกรมนี้ อินเทอร์เน็ตจะมีปฏิสัมพันธ์และมีไดนามิกมากขึ้น ซึ่งจะมอบประสบการณ์ที่น่าสนใจให้กับผู้ใช้ ในตอนนี้ ลักษณะแรกสุดของJavaScriptเกิดขึ้นในช่วงรัชสมัยของ เว็บ เบราว์เซอร์Netscape Navigator^{(Netscape Navigator Web)}

Read : Java Programming ภาษา^{(What is Java Programming language)}อะไร ?

ก่อนหน้านั้น หน้าเว็บไม่มีภาพเคลื่อนไหวและเนื้อหาที่ปรับเปลี่ยนได้ แต่เมื่อJavaScriptเข้าสู่ฉาก ทุกอย่างเปลี่ยนไป

เราเข้าใจดีว่าหลายปีที่ผ่านมา มีเพียงไม่กี่เว็บเบราว์เซอร์ที่รองรับJavaScriptแต่สิ่งต่างๆ ได้เปลี่ยนแปลงไปอย่างมากในทุกวันนี้ เว็บเบราว์เซอร์หลักๆ ทั้งหมด เช่นFirefox , ChromeและEdgeได้รับการสนับสนุนอย่างเต็มที่จากภาษา ซึ่งเป็นสาเหตุที่ทำให้เว็บมีการตอบสนองอย่างรวดเร็วในปัจจุบันเมื่อเทียบกับเมื่อ 15 ปีที่แล้ว

1. JavaScript ทำงานอย่างไร?
2. JavaScript ทำอะไรบนหน้าของคุณ
3. วิธีเพิ่มJavaScriptให้กับหน้าเว็บของคุณ

ให้เราพูดถึงเรื่องนี้ในรายละเอียดเพิ่มเติม

1] ดังนั้น JavaScript ทำงานอย่างไร

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

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

แน่นอน คุณจะไม่สามารถนำทางไปยังหน้าใหม่ได้ เพียงแค่โต้ตอบกับข้อมูลที่โหลดไว้แล้วบนหน้าปัจจุบัน

มาดูบางสิ่งที่JavaScriptเปิดใช้งานในเบราว์เซอร์:

• เมนูแบบเลื่อนลงและเอฟเฟกต์แบบโรลโอเวอร์
• ความสามารถในการเล่นเสียงและวิดีโอ
• โหลด^(Load)เนื้อหาใหม่โดยไม่ต้องโหลดหน้าเว็บซ้ำ
• องค์ประกอบของหน้าเคลื่อนไหว
• และไม่ต้องพูดถึง การเติมข้อความอัตโนมัติ

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

Read : ภาษาโปรแกรม R คือ^{(What is the R programming language)}อะไร ?

2] JavaScript ทำอะไร บนหน้าของคุณ

สคริปต์ทำงานหลายอย่างบนหน้าเว็บ และในกรณีส่วนใหญ่ บางแง่มุมของหน้าจะดูไม่ดีเท่าที่เป็นอยู่ตอนนี้หากไม่มีJavaScript ตัวอย่างเช่น เครื่องมือนี้ใช้เป็นหลักในการแก้ไขHTMLและCSSในรูปแบบไดนามิก รหัสที่ทำงานอยู่จะอัปเดตส่วนต่อประสานผู้ใช้ผ่านDocument Object Model API^{(Document Object Model API)}

นอกจากนี้ รหัสจะทำงานบนหน้าตามลำดับที่ปรากฏ เมื่อพูดถึงJavaScript จำเป็น ต้องใช้ ^(JavaScript)HTMLและCSSก่อน มิฉะนั้นอาจมีข้อผิดพลาด

อ่าน^(Read) : Netbeans IDE เป็นภาษาการเขียนโปรแกรมยุคใหม่

3] วิธี^(How)เพิ่มJavaScriptให้กับหน้าเว็บของคุณ

เมื่อพูดถึงการเพิ่มJavaScriptให้กับหน้าเว็บของคุณ งานก็ไม่ยากเลย แค่^(Just)เข้าใจว่ามันใช้กับ หน้า HTML ของคุณ ในลักษณะเดียวกับCSSและคุณก็ไม่เป็นไร

คุณจะเห็นว่าCSSใช้องค์ประกอบเพื่อใช้งานสไตล์ชีตภายนอกและ

รหัส JavaScript ภายใน^{(Internal JavaScript)} : หากต้องการเพิ่มรหัสภายใน โปรดคัดลอกและวางต่อไปนี้หลังจาก</head> tag: <script>

// JavaScript goes here

</script>

เพิ่ม^(Add)สคริปต์ไปยังไฟล์ภายนอก: เมื่อใดก็ตามที่คุณรู้สึกว่าจำเป็นต้องเพิ่มJavaScriptลงในไฟล์ภายนอก เราขอแนะนำให้เปลี่ยน<script>องค์ประกอบปัจจุบันเป็น<script src="script.js" defer></script>แทน

อย่างที่คุณเห็น นี่เป็นเพียงบทความเบื้องต้นที่ออกแบบมาเพื่อให้คุณทราบว่าJavaScriptนั้นเกี่ยวกับอะไร

What is JavaScript Programming Language

Most of uѕ, by now, should have heard of the programming language known as JavaScript. It is quite popular and is mostly used to develop websites. If your web browser doesn’t support JavaScript or an extension blocks it, most sites you visit will not load properly.

JavaScript is different from Java. When this programming language is in use, the internet becomes more interactive and dynamic, which in turn, provides a compelling experience for the user. Now, the earliest aspect of JavaScript came about during the reign of the Netscape Navigator Web browser.

Read: What is Java Programming language?

Before that, web pages lacked animation and adaptive content, but when JavaScript dropped on the scene, everything changed.

We understand that for many years, only a small handful of web browser supported JavaScript, but things have changed a great deal today. All the major web browsers such as Firefox, Chrome, and Edge, are fully supported by the language, which is why the web is so responsive today when compared to 15-years ago.

1. So, how does JavaScript work?
2. What JavaScript does on your page
3. How to add JavaScript to your webpage

Let us talk about this in more detail.

1] So, how does JavaScript work?

In most instances, JavaScript is known as a client-side script. That means, it relies heavily on the client device such as a tablet or smartphone to run properly. The software located on the remote server will send data to the device, and from there, the data is rendered on the screen via the web browser.

Now, since it is a client-side script, it does not need a server to operate. For example, if a web page is already loaded into the web browser, but for some reason the internet goes away soon after, the user should be able to interact with the website just the same.

Obviously, you will not be able to navigate to a new page, just interact with the data already loaded on the current page.

Let’s look at some of the things JavaScript enables in a browser:

• Dropdown menus and rollover effects
• Ability to play audio and video
• Load fresh content without having to reload the web page
• Animated page elements
• And not to mention, Autocomplete

Despite being a client-side script programming language, we must say that it does its best work when it communicates with a remote server. Basically, the script communicates with the server in the background without interrupting what the user is doing in the foreground.

Read: What is the R programming language?

2] What JavaScript does on your page

The script does a lot on a web page, and in most cases, certain aspects of a page wouldn’t look as good as it is now without JavaScript. For example, the tool is mainly used to modify HTML and CSS in a dynamic way. The running code will update the user interface via the Document Object Model API.

Furthermore, code runs on a page in the order it appears. Now, when it comes down to JavaScript, HTML and CSS are required to run first, or there could be errors.

Read: Netbeans IDE is a new-age Programming Language.

3] How to add JavaScript to your webpage

When it comes down to adding JavaScript to your webpage, the task is not difficult at all. Just understand that it applies to your HTML page in the same way as CSS and you should be fine.

You see, CSS uses <link> element to implement external stylesheets, and <style> element to add internal stylesheet. HTML is a bit different since it relies on the <script> element.

Internal JavaScript code: To add an internal code, please copy and paste the following after </head> tag: <script>

// JavaScript goes here

</script>

Add script to an external file: Whenever you feel the need to add JavaScript to an external file, we suggest changing the current <script> element to <script src="script.js" defer></script> instead.

As you can see, this is just an introductory article that is designed to give you an idea of what JavaScript is all about.

Related posts

• Fix JavaScript จำเป็นต้องลงชื่อในข้อผิดพลาด; Enable JavaScript ในเบราว์เซอร์ของคุณ

• JavaScript Framework เชิงมุมคืออะไรในแง่ง่าย?

• วิธีปิดใช้งาน JavaScript จากการทำงานในเอกสาร Firefox PDF

• วิธีเรียกดูข้อความเท่านั้น Mode ใน Chrome, Edge, หรือ Firefox

• ปิดใช้งาน JavaScript ใน Chrome, Edge, Firefox, Opera, Internet Explorer

• วิธีแก้ไขข้อผิดพลาด Javascript ร้ายแรงของ Discord

• ห้าโครงการที่ดีที่สุดสำหรับโปรแกรมเมอร์มือใหม่

• แก้ไขข้อผิดพลาด Discord JavaScript ในการเริ่มต้น

• วิธีเปิดใช้งานหรือ Disable JavaScript ใน Browser ของคุณ

• อะไรคือ Google Go Programming Language - ข้อกำหนด, FAQ

• การเขียนโปรแกรมที่ดีที่สุด Principles & Guidelines ทั้งหมด Programmers ควรติดตาม

• PilotEdit Lite ทำงานได้ดีในการแก้ไขไฟล์ Programming ขนาดใหญ่

• Alternate Text Browser ให้คุณเรียกดูภาษา Programming หลายภาษา

• Download, Install, Learn Microsoft Small Basic programming ภาษา

• 14 เว็บไซต์ที่ดีที่สุดสำหรับการเรียนเขียนโปรแกรมคอมพิวเตอร์ฟรี

• ฟังก์ชั่นในการเขียนโปรแกรมคืออะไร? เราอธิบาย

• ภาษาการเขียนโปรแกรมที่ดีที่สุดที่ควรเรียนรู้ในปี 2020 คืออะไร

• HDG อธิบาย: JavaScript คืออะไรและใช้สำหรับออนไลน์อะไร

• ภาษา R programming คืออะไรและทำไมคุณควรใช้ RStudio

• วิธีการรัน Java program จาก Command Prompt