Hi 🤓 Cảm ơn bạn đã ghé thăm blog này, nếu những bài viết trên blog giúp ích cho bạn. Bạn có thể giúp blog hiển thị quảng cáo bằng cách tạm ngừng ad blocker 😫 và để giúp blog duy trì hoạt động nếu bạn muốn.
Cảm ơn bạn!

Javascript là gì? Viết Hello World bằng Javascript

@devnavSep 01, 20224 min read...

1. Javascript là gì?

JavaScript là 1 trong 3 ngôn ngữ chính của lập trình web, và nó được dùng phổ biến trong suốt 20 năm qua. Từ thuở sơ khai, nó còn có tên là Mocha (năm 1995), sau đó được đổi thành Mona, Livescript, và cuối cùng là JavaScript như hiện nay.

Tính đến năm 2016, có đến 92% trang web hiện nay đang sử dụng JavaScript, và rất có thể bạn đã dùng qua rất nhiều trang web có sử dụng ngôn ngữ lập trình này.

Javascript hỗ trợ được đa nền tảng, các bạn cũng có thể xây dựng những web game hay thậm chí là app mobile.

Dưới đây là một số Javascript Frameworks, Libraries phổ biến:

2. Sử dụng Javascript.

Sử dụng Javascript trực tiếp trên HTML

Để viết được Javascript trong file HTML thì chúng ta khai báo như sau:

<script type="text/javascript">
 // code javascript ở đây
</script>

Import Javascript từ một file bên ngoài

Javascript cũng có thể import từ một file bên ngoài:

<script type="text/javascript" src="path-to-javascript-file.js"></script>

Ví dụ:

Ta sẽ import file javascript hello.js:

function display() {  
  alert("Bye Bye World!");  
}

<html>  
<head>  
  <meta charset="utf-8">  
  <title>Import Javascript từ một file bên ngoài (External JavaScript File)</title>  
</head>  
  <body>  
    <form>  
      <input type="button" value="Result" onclick="display()"/>  
    </form>  
    <script src="hello.js"></script>  
  </body>  
</html>

Viết Javascript trong thẻ HTML

Cách này cũng khá phổ biến khi bạn muốn gọi một hàm hay thực thi một đoạn code javascript ngắn.

Cú pháp:

<button type="button" onclick="viết code ở đây">Click</button>

Chúng ta cùng xem một ví dụ khác:

<!DOCTYPE html>  
  <html>  
  <head>  
    <title>Homiedev Javascript</title>  
  </head>  
  <body>  
    <p>  
      <a href="#" onClick="alert('Welcome !');">Click Me</a>  
    </p>  
    <p> in this example we saw how to use inline JavaScript or directly in an       HTML tag. </p>  
  </body>  
</html>

HTML noscript Element

Nếu trình duyệt không hỗ trợ Javascript hoặc người dùng tắt Javascript thì chúng ta có thể sử dụng thẻ noscript html như sau:

<!DOCTYPE html>  
<html>  
    <body>  
    <h1>Thẻ noscript html</h1>  
    <p> Nếu người dùng có trình duyệt bị vô hiệu hóa JavaScript sẽ hiển thị văn bản bên trong phần tử noscript và "Bye World!" sẽ không được hiển thị.       </p>  
    <script>  
    document.write("Bye World!")  
    </script>  
    <noscript>Xin lỗi, trình duyệt của bạn có thể không hỗ trợ JavaScript! hoặc JavaScript có thể đang bị tắt</noscript>
    </body>  
</html>

Phần tử <noscript> giúp cho chúng ta tạo nội dung cho người dùng có trình duyệt không hỗ trợ JavaScript hoặc đã tắt JavaScript trên trình duyệt.

Phần tử này có thể chứa bất kỳ phần tử HTML nào vd:

<!DOCTYPE html>  
    <html lang="en">  
    <head>  
       <meta charset="utf-8">  
       <title>Noscript Demo</title>  
    </head>  
    <body>  
    <div id="greet"></div>  
    <script>  
       document.getElementById("greet").innerHTML = "Hello World!";  
    </script>  
    <noscript> // Hiển thị khi thẻ <script> tags không hoạt động  
      <p>Oops! Website yêu cầu bật Javascript trên trình duyệt.</p>  
    </noscript>  
    </body>  
</html>

3. Lời kết

Như vậy là mình đã giới thiệu với các bạn khái niệm Javascript cũng như viết chương trình đầu tiên trong javascript rồi. Chúng ta cùng theo dõi bài tiếp theo trong chủ đề Học Javascript cơ bản nhé.

Chúc các bạn học tốt!!!

TABLE OF CONTENTS