NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
08/01/2024
Lượt xem

JavaScript là gì? Kiến thức chi tiết về JavaScript cơ bản

08/01/2024
24 phút đọc
Lượt xem

Đánh giá

5/5 - (74 bình chọn)

Hiện nay, JavaScript là một ngôn ngữ đang được nhiều bạn trẻ quan tâm nhiều trong những năm gần đây. Vậy JavaScript là gì? Và việc Tất cả sẽ có đầy đủ trong bài viết dưới đây.

JavaScript là gì?

JavaScript viết tắt là JS à ngôn ngữ lập trình phổ biến dùng để tạo ra các trang web tương tác. Được tích hợp và nhúng vào HTML giúp website trở nên sống động hơn. JavaScript đóng vai trò như một phần của trang web, thực thi cho phép Client-Side Script từ phía người dùng cũng như phía máy chủ (Nodejs) tạo ra các trang web động.

JavaScript là gì?
JavaScript là gì?

JavaScript là một ngôn ngữ lập trình thông dịch với khả năng hướng đến đối tượng. Là một trong 3 ngôn ngữ chính trong lập trình web và có mối liên hệ lẫn nhau để xây dựng một website sống động, chuyên nghiệp, bạn có thể nhìn tổng quan như sau:

  • HTML: Cung cấp cấu trúc cơ bản, hỗ trợ trong việc xây dựng layout, thêm nội dung dễ dàng trên website.
  • CSS: Được sử dụng để kiểm soát và hỗ trợ việc định dạng thiết kế, bố cục, style, màu sắc,…
  • JavaScript: Tạo nên những nội dung “động” trên website.

Lịch sử phát triển của JavaScript

JavaScript được phát triển bởi Brendan Eich tại hãng truyền thông Netscape với tên đầu tiên là Mocha. Sau đó, đổi tên thành LiveScript và cuối cùng là JavaScript được sử dụng phổ biến tới thời điểm bây giờ.

Phiên bản mới nhất của JavaScript là ECMAScript (là phiên bản chuẩn hóa của JavaScript). Với ECMAScript 2 phát hành năm 1998 và ECMAScript 3 được ra mắt năm 1999 và hoạt động mạnh mẽ trên mọi trình duyệt và các thiết bị khác nhau.

lịch sử javascript
JS trải qua với nhiều cái tên, nhưng JavaScript là cuối cùng và phát triển mạnh mẽ đến hiện nay

Năm 2016, JavaScript đạt kỷ lục đến 92% website sử dụng và được đánh giá từ một ngôn ngữ lập trình riêng trở thành công cụ quan trọng nhất trên các bộ công cụ lập trình web của các lập trình viên. Nếu bạn sử dụng internet khi truy cập vào các website, có thể nhìn thấy các hiệu ứng slide ảnh chuyển động, menu sổ xuống,…đều được tạo nên từ JavaScript.

JavaScript được dùng để làm gì?

Phần này chứa một số ví dụ về những gì JavaScript có thể làm:

  • Đầu tiên, JavaScript có thể thay đổi nội dung HTML.
  • Thứ hai, JavaScript có thể thay đổi giá trị thuộc tính HTML.
  • Thứ ba, JavaScript có thể thay đổi kiểu HTML (CSS).
  • Tiếp theo, JavaScript có thể ẩn các phần tử HTML.
  • Cuối cùng, JavaScript có thể hiển thị các phần tử HTML.

JavaScript thay đổi nội dung HTML

Một trong nhiều phương thức HTML JavaScript là getElementById () .

Ví dụ này sử dụng phương pháp để “tìm” một phần tử HTML (với id = “demo”) và thay đổi nội dung phần tử (InternalHTML) thành “Hello JavaScript”:

document.getElementById("demo").innerHTML = "Hello JavaScript";

JavaScript thay đổi giá trị thuộc tính HTML

Trong ví dụ này, JavaScript thay đổi giá trị của thuộc tính src (source) của tag <img>:

hướng dẫn sử dụng javascript
JavaScript là gì? Kiến thức chi tiết về JavaScript cơ bản 34

JavaScript thay đổi kiểu HTML (CSS)

Thay đổi kiểu của một phần tử HTML, là một biến thể của việc thay đổi thuộc tính HTML:

document.getElementById("demo").style.fontSize = "35px";
or
document.getElementById('demo').style.fontSize = '35px';

JavaScript ẩn các phần tử HTML

Ẩn các phần tử HTML có thể được thực hiện bằng cách thay đổi kiểu hiển thị:

document.getElementById("demo").style.display = "none";
or
document.getElementById('demo').style.display = 'none';

JavaScript hiển thị các phần tử HTML

Hiển thị các yếu tố HTML ẩn cũng có thể được thực hiện bằng cách thay đổi kiểu hiển thị:

document.getElementById("demo").style.display = "block";
or
document.getElementById('demo').style.display = 'block'

Các khái niệm liên quan đến JavaScript

Dưới đây là một số khái niệm về một số thuật ngữ liên quan đến JavaScript để bạn có thể nắm được và hiểu hơn khi tìm hiểu về JavaScript là gì?

JavaScript Framework là gì?

javascript framework
Là thư viện được xây dựng dựa trên JS phục vụ cho từng mục đích và lĩnh vực khác nhau

JavaScript Framework là thư viện được xây dựng dựa vào ngôn ngữ lập trình JavaScript. Từ đó, mỗi framework được tạo ra để phục cho từng lĩnh vực khác nhau. Bạn có thể tìm hiểu kỹ hơn về framework là gì, sẽ giúp bạn có thêm nhiều thông tin rõ ràng hơn. Hiện nay, có rất nhiều JavaScript Framework thông dụng như:

  • Reactjs: Thư viện dùng cho ứng dụng mobile.
  • Node.js: Dùng để xây dựng và phát triển ứng dụng realtime từ phía máy chủ.
  • Angular: Dùng để xây dựng ứng dụng Single Page….

Client-side JavaScript là gì?

client-side javascript
JavaScript là gì? Kiến thức chi tiết về JavaScript cơ bản 35

Client-side JavaScript là form phổ biến được sử dụng phổ biến hiện nay. Một trang web không cần một HTML tĩnh, nhưng có thể bao gồm các chương trình có thể tương tác với người dùng hay điều khiển trình duyệt và tạo nội dung HTML động.

TypeScript là gì?

TypeScript là gì?
TypeScript là gì?

TypeScript là một ngôn ngữ lập trình mở rộng của JavaScript, được thiết kế để cải tiến JavaScript bằng cách thêm vào cú pháp các kiểu dữ liệu. TypeScript bổ sung cú pháp bổ sung vào JavaScript, giúp các công cụ soạn thảo mã có thể phát hiện lỗi mã sớm hơn. Mã TypeScript có thể chuyển đổi sang JavaScript và vẫn cung cấp tất cả các lợi ích của JavaScript. Nó cũng có khả năng chạy trong các ứng dụng và tương thích với các khung và thư viện JavaScript khác

Thư viện JavaScript là gì?

Thư viện JavaScript là một bộ mã nguồn đã được viết sẵn mà các nhà phát triển web có thể tái sử dụng để thực hiện các chức năng JavaScript tiêu chuẩn. Mã của thư viện JavaScript thường được tích hợp vào phần còn lại của mã dự án khi cần thiết. Nếu so sánh với một ngôi nhà, mã ứng dụng JavaScript có thể xem như căn nhà, trong khi thư viện JavaScript giống như bộ đồ nội thất sẵn có mà nhà phát triển có thể sử dụng để nâng cao chức năng của ngôi nhà đó.

Dưới đây là một số cách phổ biến để sử dụng thư viện JavaScript:

  • Trực quan hóa dữ liệu: Sử dụng các thư viện như Chart.js, ApexCharts và Algolia Places để tạo các biểu đồ và bản đồ hiển thị dữ liệu thống kê trong các ứng dụng web, bảng điều khiển quản trị và các chỉ số hiệu suất.
  • Điều chỉnh DOM: Các thư viện như jQuery và Umbrella JS giúp đơn giản hóa việc phát triển web bằng cách cung cấp mã cho các chức năng tiêu chuẩn như hoạt ảnh menu, thư viện hình ảnh, nút, cửa sổ bật lên và nhiều chức năng khác.
  • Biểu mẫu: Sử dụng thư viện như wForms, LiveValidation, Validanguage và qForms để tối ưu hóa chức năng của biểu mẫu, bao gồm xác thực biểu mẫu, bố cục, điều kiện và chuyển đổi.
  • Các hàm toán học và văn bản: Sử dụng thư viện như Date.js, Sylvester và JavaScript URL Library để xử lý các yêu cầu liên quan đến toán học, ngày giờ và xử lý văn bản trực tiếp tại phía máy khách, giảm áp lực cho máy chủ.

Khung JavaScript là gì?

Các khung JavaScript, giống như thư viện, là một tập hợp các đoạn mã viết sẵn để thực hiện các chức năng khác nhau và có thể tái sử dụng. Tuy nhiên, khác với thư viện JavaScript được sử dụng linh hoạt theo nhu cầu, các khung JavaScript là những bộ công cụ toàn diện giúp tổ chức và xây dựng ứng dụng  hệ thống. Nếu so sánh với ngôi nhà, mã ứng dụng JavaScript có thể coi như là ngôi nhà, trong khi khung JavaScript giống như kế hoạch chi tiết được sử dụng để xây dựng ngôi nhà đó.

Dưới đây là một số trường hợp cần sử dụng các khung JavaScript:

  • Phát triển ứng dụng web và di động: AngularJS là một khung giúp đơn giản hóa phát triển và kiểm thử các ứng dụng web như các ứng dụng thương mại điện tử, ứng dụng thời gian thực và ứng dụng video. React Native là một khung hỗ trợ phát triển ứng dụng di động cho cả iOS và Android.
  • Phát triển web có khả năng tương thích: Các khung như Bootstrap và Ember.js giúp đảm bảo trang web hiển thị một cách nhất quán trên nhiều thiết bị khác nhau, từ điện thoại di động đến máy tính bảng và máy tính xách tay.
  • Phát triển ứng dụng phía máy chủ: Node.js là một khung JavaScript phía máy chủ, giúp xây dựng các ứng dụng dựa trên mạng nhanh chóng, đáng tin cậy và có khả năng mở rộng. Nó được sử dụng để xử lý yêu cầu HTTP, quản lý tệp và xử lý đồng thời nhiều quy trình backend.

Script type=text/javascript là gì?

Khi bạn khai báo thẻ <script>, có thể xuất hiện thuộc tính type=”text/javascript”. Đây là một tham số được sử dụng để xác định loại phương tiện cho dữ liệu bên trong thẻ script. Nếu bạn không khai báo, hệ thống sẽ tự động mặc định là text/javascript.

Cách thức hoạt động của JavaScript trên trang web

JavaScript thường sẽ được nhúng trực tiếp vào một trang web hoặc được tham chiếu qua file .js riêng. JavaScript là ngôn ngữ từ phía client nên script sẽ được tải về máy client khi truy cập và được xử lý tại đó. Thay vì tải về máy server và sau khi xử lý xong mới phản hồi kết quả đến client.

hoạt động của JavaScript
JS sẽ thục hiện từ phía client thay vì phía server

Với hiện nay, thì các trình duyệt internet cũng có thể hỗ trợ bạn tắt/mở JavaScript. Lúc đó bạn có thể thấy được nếu một trang web không có JavaScript thì sẽ như thế nào? Từ đó bạn có thể hình dung dễ dàng hơn về cách JavaScript hoạt động.

Ưu điểm và nhược điểm khi sử dụng JavaScript

Cùng Vietnix tìm hiểu một số ưu điểm và nhược điểm khi sử dụng JavaScript là gì được chia sẻ cụ thể dưới đây nhé.

Ưu điểmNhược điểm
✅Dễ học❌Dễ bị khai thác từ hacker và scammer.
✅Lỗi dễ phát hiện và sửa lỗi nhanh❌Có thể được dụng để thực thi mã độc trên máy tính của người dùng.
✅Trình duyệt dịch mà không cần compiler❌Thiết bị khác nhau có thể thực hiện JS khác nhau, dẫn đến không đồng nhất.
✅Hoạt động trên nhiều nền tảng và trình duyệt❌Tính bảo mật yếu khiến cho dễ bị tấn công.
✅Ngôn ngữ lập trình nhẹ và nhanh❌Không đọc và ghi file trên máy tính của người dùng vì lý do bảo mật.
✅Gắn trên các element hoặc events của trang web❌Không được hỗ trợ trong kết nối mạng
✅Tăng trải nghiệm người dùng trên website❌Không có khả năng đa luồng hoặc đa xử lý
✅Kiểm tra input một cách linh hoạt
✅Giao diện giàu tính năng

Ưu điểm của JavaScript

JavaScript có các ưu điểm được xem là vượt trội so với các đối thủ khác trong các trường hợp thực tế như:

  • Chương trình JavaScript rất dễ học.
  • Lỗi JavaScript dễ phát hiện và sẽ giúp bạn sửa lỗi nhanh hơn.
  • Các trình duyệt web có thể dịch nó bằng HTML mà không cần một compiler.
  • JS hoạt động trên rất nhiều nền tảng và trình duyệt khác nhau.compiler
  • Được đánh giá là ngôn ngữ lập trình nhẹ, nhanh so với các ngôn ngữ khác.
  • JS có thể được gắn trên một số element hoặc các events của trang web.
  • Khi website có sử dụng JS thì sẽ giúp cho trang web đó tương tác và tăng trải nghiệm người dùng khi truy cập.
  • Bạn có thể tận dụng JavaScript để kiểm tra các input thay vì kiểm tra thủ công thông qua việc truy xuất database.
  • Giao diện phong phú gồm các thành phần Drag and Drop, Slider để cung cấp một Rich Interface (Giao diện giàu tính năng).

Nhược điểm của JavaScript

Mặt khác, ngoài những ưu điểm nhưng mọi ngôn ngữ lập trình khác đều có những nhược điểm riêng của nó như:

  • Dễ bị khai thác từ những hacker và scammer.
  • Có thể được dụng để thực thi mã độc trên máy tính của người dùng.
  • JS code snippet lớn.
  • Các thiết bị khác nhau có thể thực hiện JS khác nhau dẫn đến không đồng nhất.
  • Vì tính bảo mật nên client-side JavaScript không cho phép đọc và ghi các file.
  • JS không được hỗ trợ khi sử dụng trong kết nối mạng.
  • JavaScript không có khả năng đa luồng hoặc đa xử lý.

Lợi ích của JavaScript

JavaScript mang lại nhiều lợi ích quan trọng trong phát triển web:

Lợi ích của JavaScript
Lợi ích của JavaScript
  • Dễ dàng học và sử dụng: Cú pháp của JavaScript được lấy cảm hứng từ ngôn ngữ lập trình Java, làm cho việc học và viết mã trở nên dễ dàng. Sự phổ biến của JavaScript trong việc viết mã phía máy khách và backend (với Node.js) giúp nó trở thành một ngôn ngữ linh hoạt và phổ biến.
  • Không phụ thuộc vào nền tảng: JavaScript có thể chèn vào bất kỳ trang web nào và sử dụng với nhiều ngôn ngữ và khung phát triển web khác nhau. Sau khi viết, bạn có thể chạy mã JavaScript trên bất kỳ máy nào. Do đó, với JavaScript, việc phát triển ứng dụng có thể không phụ thuộc vào nền tảng.
  • Giảm tải máy chủ: JavaScript có thể giảm tải máy chủ và tắc nghẽn mạng bằng cách chạy các phép toán logic và thực hiện nhiều công việc máy chủ trực tiếp trên máy khách. Ví dụ như trong quá trình điền một biểu mẫu đăng ký, JavaScript nhanh chóng kiểm tra xem số điện thoại di động có đúng 10 chữ số hay không. Việc này giúp tránh gửi yêu cầu đến máy chủ và làm tăng hiệu suất đăng ký.
  • Cải thiện giao diện người dùng: JavaScript giúp tạo ra các trang web tinh tế, thuận tiện trong việc tìm kiếm và xử lý thông tin phức tạp. Sự linh hoạt của nó cho phép mở rộng chức năng và tương tác hiệu quả giữa người dùng và trang web.
  • Hỗ trợ đồng thời: JavaScript có khả năng chạy song song nhiều tác vụ, giúp Node.js xử lý đồng thời nhiều yêu cầu và phản hồi máy chủ mà không làm suy giảm hiệu suất.

Điểm khác biệt JavaScript với các ngôn ngữ lập trình

JavaScript được đóng vai trò như là ngôn ngữ chính trong lập trình web, ngoài ra các lập trình viên cũng cần sự kết hợp và áp dụng một số ngôn ngữ khác trong quá trình làm việc của mình như:

Ngôn ngữĐặc điểm
JavaScriptJS giúp tăng tính tương tác trên website. Các Script chạy trên các trình duyệt của người dùng thay vì từ phía server và thường được sử dụng thư viện từ bên thứ 3 nên không cần bạn phải code lại từ đầu.
HTML Hypertext Markup Language, đây là ngôn ngữ cơ bản và phổ biến mà bạn cần phải biết khi bắt đầu với công việc lập trình web. Dùng để xây dựng bố cục (layout) chính cho nội dung toàn bộ website.
CSSCascading Style Sheets giúp cho lập trình viên xác định style, tạo ra những ý tưởng, màu sắc, background riêng phù hợp với chủ đề của website.
PHPLà ngôn ngữ từ phía server (JS chạy trên phía client). Thường dùng trong quá trình quản trị nội dung nền PHP như WordPress và cũng có thể được sử dụng với lập trình back-end.

Các công cụ dùng để phát triển JavaScript

IDE JavaScript là gì?

IDE (Integrated Development Environment) là môi trường dùng để lập trình được tích hợp nhiều công cụ và tiện ích khác nhau như code editor, debugger, simulator,… IDE JavaScript là một môi trường chuyên dụng cho các lập trình viên khi lập trình JavaScript.

IDE JavaScript là gì?
IDE JavaScript

Nên sử dụng IDE nào khi code JavaScript?

Các IDE được sử dụng phổ biến ngày nay như:

  • NotePad ++.
  • Visual Studio.
  • PHP Designer.
  • Dreamweaver.
  • Sublime Text.

Ngoài ra còn một số công cụ chỉnh sửa JavaScript được đánh giá cao như:

  • Microsoft FrontPage.
  • Macromedia Dreamweaver MX.
  • Macromedia Homesite 5.

File .JS là file gì?

JS là Web Files được định dạng dưới dạng text. Một file .JS là một file văn bản có chứa mã JavaScript để thực thi các câu lệnh JavaScript trong trang web. Có thể gồm các chức năng mở và đóng các cửa sổ, Validate, kích hoạt hình ảnh cuộn qua hoặc tạo menu drop-down.

Viết chương trình JavaScript

Mở đóng thẻ

Tất cả các đoạn mã JavaScript đều được đặt trong cặp thẻ đóng mở <script></script>. Ví dụ cụ thể như sau:

<script language="javascript">
    alert("Hello World!");
</script>

Cách đặt thẻ Script

Có 3 cách đặt thẻ script thường được sử dụng như dưới đây:

  • Internal: viết trong file html hiện tại.
  • External: viết ra một file js khác rồi import vào.
  • Inline: viết trực tiếp trong thẻ HTML.

Internal

Thường thì thẻ script được đặt trong thẻ <head> nhưng bạn cũng có thể đặt bất cứ đâu nhưng phải chứa đầy đủ mở đóng thẻ <script></script>. Với cách này bạn sẽ đặt phần head trong file html hiện tại của mình.

<html>
    <head>
        <title></title>
        <script language="javascript">
            alert("Hello World!");
        </script>
    </head>
    <body>

    </body>
</html>

External

Với cách này, bạn có thể viết các đoạn mã JS ra một file mới và lưu phần mở rộng với đuôi .js. Sau đó, bạn sử dụng thẻ script để import file vào. Bạn không cần thẻ đóng </script> vì file test.js đã có đuôi là js nên trình duyệt sẽ tự nhận dạng được đó là file chứa các mã JavaScript.

<script language="javascript" src="test.js"></script>

Inline

Cách này là bạn sẽ viết trực tiếp viết những đoạn mã JavaScript vào trong thẻ HTML.

<input type="button" onclick="alert(1)" value="Đăng ký"/>

Viết chương trình JavaScript đơn giản

Trước khi bắt đầu viết chương trình JavaScript bạn cần cài đặt phần mềm Notepad ++ hoặc các phần mềm, công cụ viết code khác.

  • Bước 1: Tạo 1 file index.html bất kì vị trí nào trên máy tính, miễn là có phần mở rộng là .html. Sau đó viết đoạn mã sau:
<html>
    <head>
        <title></title>
    </head>
    <body>
        <input type="button" value="Click Me"/>
    </body>
</html>
  • Bước 2: Bây giờ bạn có thể viết mã JavaScript khi click vào button có id=”clickme”.
<html>
    <head>
        <title></title>
    </head>
    <body>
        <input type="button" id="clickme" value="Click Me"/>
        <script language="javascript">
         
        // Lấy element có id=clickme lưu vào biến button
        var button = document.getElementById('clickme');
         
        // Khi click vào element chứa trong button thì thực hiện một function,
        // bên trong function thông báo lên Hello World!
        button.addEventListener('click', function(){
            alert('Hello World!');
        });
        </script>
    </body>
</html>

Xem nhanh các loại dữ liệu trong JavaScript

dữ liệu javascript
Xem các dữ liệu JavaScript

Hướng dẫn này sẽ xem nhanh các loại dữ liệu JavaScript quan trọng nhất trong JavaScript. Các biến JavaScript có thể là:

  • Numbers
  • Strings
  • Objects
  • Arrays
  • Functions
<div style="text-align: justify;">
<p style="text-align: center;">JavaScript là gì?</p>
</div>

JavaScript Variables

JavaScript Variables là các vùng  chứa để lưu trữ giá trị dữ liệu. Trong ví dụ này, x, y và z, là các biến:

<div style="text-align: justify;">
<div>
<blockquote><p>var x = 5;</p></blockquote>
<blockquote><p>var y = 6;</p></blockquote>
</div>
</div>

Từ ví dụ trên, bạn có thể hiểu:

  • x lưu giá trị 5.
  • y lưu trữ giá trị 6.

JavaScript Numbers

JavaScript chỉ có một loại số, các số có thể được viết có hoặc không có số thập phân.

var x = 3.14;    // A number with decimals
var y = 3;       // A number without decimals

Tất cả các số được lưu trữ dưới dạng dấu phẩy động có độ chính xác kép.

Số thập phân tối đa là 17, nhưng dấu phẩy động không phải lúc nào cũng chính xác 100%:

var x = 0.2 + 0.1;         // x will be 0.30000000000000004

JavaScript Strings

Strings store text – Chuỗi lưu trữ văn bản. Chuỗi được viết bên trong dấu ngoặc kép, bạn có thể sử dụng dấu ngoặc đơn hoặc kép:

var carname = "Volvo XC60";  // Double quotes
var carname = 'Volvo XC60';  // Single quotes

Độ dài của chuỗi được tìm thấy trong độ dài thuộc tính được tạo sẵn:

var txt = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
var sln = txt.length;

JavaScript Objects

Bạn đã học được rằng các biến JavaScript là các vùng chứa cho các giá trị dữ liệu.

javascript cơ bản
JavaScript Object

Mã này chỉ định một giá trị đơn giản (Fiat) cho một biến có tên là car:

var car = "Fiat";

Đối tượng cũng là biến, nhưng các đối tượng có thể chứa nhiều giá trị.

Mã này gán nhiều giá trị (Fiat, 500, màu trắng) cho một biến có tên là car:

var car = {type:"Fiat", model:"500", color:"white"};

JavaScript Arrays

Mảng JavaScript được sử dụng để lưu trữ nhiều giá trị trong một biến duy nhất.

var cars = ["Saab", "Volvo", "BMW"];

JavaScript Functions

Hàm JavaScript là một khối mã được thiết kế để thực hiện một tác vụ cụ thể. Hàm JavaScript được thực thi khi “cái gì đó” gọi nó.

function myFunction(p1, p2) 
{
return p1 * p2;              // The function returns the product of p1 and p2
}

Cách bật JavaScript trên trình duyệt Google Chrome

Hướng dẫn này áp dụng cho Samsung Galaxy S10+, sử dụng hệ điều hành Android 10. Bạn có thể thực hiện tương tự trên các thiết bị khác, mặc dù có thể có một số thay đổi nhỏ.

Bước 1: Mở trình duyệt Google Chrome trên thiết bị > Nhấn vào biểu tượng ba chấm ở phía trên góc phải > Chọn “Cài đặt” > Chọn “Cài đặt trang web“.

image 149
JavaScript là gì? Kiến thức chi tiết về JavaScript cơ bản 36

Bước 2: Tìm mục “JavaScript” > Bật JavaScript bằng cách di chuyển thanh trượt sang vị trí “Bật“.

image 151
JavaScript là gì? Kiến thức chi tiết về JavaScript cơ bản 37

Cách bật JavaScript trên iPhone

Để kích hoạt JavaScript trên iPhone, bạn cần điều chỉnh cài đặt trong ứng dụng Safari, trình duyệt web mặc định của iPhone. Dưới đây là cách thực hiện:

Bước 1: Mở ứng dụng “Cài đặt” trên iPhone của bạn.

Bước 2: Chọn mục “Safari” trong danh sách các ứng dụng.

Bước 3: Cuộn xuống cuối danh sách và chọn “Nâng cao“.

Bước 4: Chuyển công tắc của JavaScript sang vị trí “Bật” (màu xanh).

Sau khi đã kích hoạt JavaScript, bạn có thể mở ứng dụng Safari và trải nghiệm việc duyệt các trang web mà bạn muốn.

z3y75RwkAy PYnqgIjBz09p5Q5slUBgaCV4588ufs3RbtFXvkuwRydw8 KkFBNnRtdqYHZRDWGhu dfq7dYhqiJawky ueZ LGQfGup3BWUHKPATKiknZKu y

Lời kết

Với bài viết JavaScript là gì? Toàn bộ từ khái niệm, hoạt động, đến cách viết JavaScript cơ bản cùng các ví dụ cụ thể. Hy vọng sẽ mang lại nhiều kiến thức và đặc biệt có thể giúp bạn hiểu và có thể áp dụng trong việc học, công việc của bạn sau này. Chúc các bạn thành công.

Vietnix tổng hợp

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Kết nối với mình qua

Kết nối với mình qua

Theo dõi
Thông báo của
guest
2 Comments
Cũ nhất
Mới nhất Được bỏ phiếu nhiều nhất
Phản hồi nội tuyến
Xem tất cả bình luận
Minhtu
Khách
Minhtu
10 tháng trước

Cảm thấy hứng thú nên mò vào đọc , mà đọc chăp là hết hứng lun =)). Mong rằng sau khi có đủ kiến thức để hiểu hết nội dung sẽ quay lại đọc thêm 1 lần nữa

bee
Khách
bee
8 tháng trước
Trả lời  Minhtu

good job

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG

Chỉ số tăng trưởng

Điểm Desktop

100 (+39)

Điểm Mobile

100 (+67)

Core Web Vitals

Passed

Lĩnh vực

Ecommerce

Chỉ số tăng trưởng

Điểm Desktop

99 (+28)

Điểm Mobile

100 (+50)

Core Web Vitals

Passed

Lĩnh vực

SEO

Chỉ số tăng trưởng

Điểm Desktop

99 (+26)

Điểm Mobile

98 (+59)

Core Web Vitals

Passed

Lĩnh vực

Ecommerce

Chỉ số tăng trưởng

Điểm Desktop

100 (+8)

Điểm Mobile

98 (+35)

Core Web Vitals

Passed

Lĩnh vực

Giáo Dục

Chỉ số tăng trưởng

Điểm Desktop

100 (+61)

Điểm Mobile

100 (+61)

Core Web Vitals

Passed

Lĩnh vực

Giáo Dục

Võ Thiên Tòng

25 Tháng 2 lúc 21:09

·

Mình muốn gửi lời cảm ơn chân thành đến Team Vietnix, anh Hưng Nguyễn, anh Vietnix Trung, em Quốc Huy đã hỗ trợ tối ưu Page Speed Insight (PSI) cho website vanvoiminhhoa.vn của mình.
Biết đến anh Hưng đã lâu nhưng chưa có duyên sử dụng dịch vụ bên anh. Tình cờ thấy được bài Post của anh về việc hỗ trợ tối ưu PSI miễn phí chỉ với vài Slot, thấy AE cmt khá nhiều nên cũng không nghĩ tới lượt mình. Hôm sau đánh liều inbox 1 phen xem sao thì may mắn được đưa vào danh sách. Vài ngày sau được Team Vietnix liên hệ và hỗ trợ.
Kết quả đạt được:
• Điểm xanh lè xanh lét
• Tốc độ tải trang nhanh hơn hẳn
• Các chỉ số cũng được cải thiện đáng kể
• Và mình tin rằng với việc PSI được cải thiện cũng thúc đẩy những thứ khác đi lên theo!
Mình thực sự hài lòng với dịch vụ của Vietnix và muốn giới thiệu đến tất cả mọi người:
• Dịch vụ Wordpress Hosting: Tốc độ nhanh, ổn định, bảo mật cao, hỗ trợ kỹ thuật 24/7. (https://vietnix.vn/wordpress-hosting/)
• Dịch vụ Business Hosting: Dung lượng lớn, phù hợp cho website có lượng truy cập cao, tích hợp nhiều tính năng cao cấp. (https://vietnix.vn/business-hosting/)
Đặc biệt, Vietnix đang có chương trình ưu đãi:
• Giảm giá 20% trọn đời khi nhập code THIENTONG_PAGESPEED tại trang thanh toán (Chu kỳ 12 tháng trở lên)
• Tặng 1 lần tối ưu điểm Page Speed Insight cho 1 website
Cám ơn Vietnix một lần nữa!
#Vietnix #Vanvoiminhhoa #Pagespeedinsight
Trước khi tối ưu
Sau khi tối ưu
Thiện Nguyễn - CEO SEO Dạo

5 Tháng 3 lúc 16:21

·

CORE WEB VITAL YẾU TỐ XẾP HẠNG TÌM KIẾM SEO
Core Web Vitals là một tập hợp các chỉ số đo lường hiệu suất của trang web từ góc độ người dùng, được Google sử dụng để đánh giá trải nghiệm người dùng trên các trang web. Các chỉ số chính bao gồm:
– Largest contentful paint (LCP): Tốc độ render của page. Mục tiêu là dưới 2,5 giây.
– First input delay (FID): Tốc độ phản hồi của website với tương tác của người dùng. Mục tiêu là dưới 100ms.
– Cumulative Layout Shift (CLS): Độ ổn định của bố cục trang. Mục tiêu là dưới 0.1.
Tất cả các chỉ số này đo lường các khía cạnh quan trọng của trải nghiệm người dùng trên trang web. Google đã công bố rằng từ tháng 5 năm 2021, các Core Web Vitals sẽ được sử dụng làm một trong các yếu tố đánh giá trong việc xếp hạng trang web trên kết quả tìm kiếm. Do đó, hiểu và cải thiện các Core Web Vitals là rất quan trọng đối với SEO.
Tóm lại, Core Web Vitals không chỉ giúp cải thiện hiệu suất và xếp hạng trang web trên công cụ tìm kiếm, mà còn cải thiện trải nghiệm của người dùng khi họ truy cập và tương tác với trang website.
P/s: mình đang có gói hỗ trợ đặc biệt cho anh em tối ưu tốc độ bên VIETNIX:
– Giảm 20% lifetime dịch vụ Hosting Business và Hosting Wordpress chu kỳ 12 tháng trở lên.
– Tặng 1 lần tối ưu điểm Page Speed Insight cho 1 website.
Anh em có nhu cầu đăng ký qua bạn Vietnix Trung này nhé và nhập mã SEODAO_PAGESPEED để được ưu đãi nhé.😁
Trước khi tối ưu
Sau khi tối ưu SEO Dạo
Icharm review

5 Tháng 3 lúc 15:43

·

[Mình vừa được hỗ trợ tối ưu page speed website]
Trước khi được tối ưu, web của mình điểm rất thấp, đặc biệt là mobile chỉ có 39. Cơ duyên thế nào lúc lướt face lại va phải chương trình tối ưu pagespeed bên Vietnix.
Sau khi được Trần Hoàng Phúc và team Vietnix hỗ trợ nhiệt tình, điểm web vọt lên 98 99 (như hình bên dưới). Dùng thử web thì thấy quá là mượt, 10 điểm cho team Vietnix.
Nói thật thì mình thật sự ấn tượng về sự nhiệt huyết, tận tâm và rất chuyên nghiệp bên Vietnix.
Anh em có nhu cầu về hosting hay có vấn đề về website như:
1. Web load chậm
2. Khách rời web vì đợi tải nội dung, hình ảnh lâu
3. Hay tất tần tật mọi thứ về website
THÌ LIÊN HỆ NGAY VIETNIX NHÉ!
Và đừng quên dùng pass “ICHARM_PAGESPEED” để được giảm 20% trọn đời hosting business và wp hosting. Quả code này còn được tặng 1 lần tối ưu pagespeed nữa nhé, ưu đãi chắc cũng phải nhất nhì thị trường luôn.
Trước khi tối ưu
Sau khi tối ưu
Hoàng Nguyễn

29 Tháng 2 lúc 17:04

·

Xin chào mọi người! Vừa rồi mình có sử dụng dịch vụ tối ưu website, tăng tốc độ tải trang pagespeed của Vietnix kết quả trên cả tuyệt vời nên mình viết bài này để chia sẻ thông tin với các bạn.
Lý do mình chọn dịch vụ tối ưu tốc độ website của Vietnix:
✅ Đội ngũ chuyên gia giàu kinh nghiệm: Đã tối ưu thành công cho hàng nghìn website trong nhiều lĩnh vực khác nhau. Các bạn nhân viên rất thân thiện, nhiệt tình và chủ động trong quá trình làm việc để cập nhật tiến độ.
✅ Quy trình chuyên nghiệp:
– Kiểm tra và phân tích: Vietnix sử dụng các công cụ tiên tiến để kiểm tra và phân tích tốc độ website của bạn.
– Xác định nguyên nhân: Vietnix xác định nguyên nhân khiến website tải chậm và đưa ra giải pháp tối ưu phù hợp.
– Tối ưu hóa website: Vietnix áp dụng các kỹ thuật tối ưu tiên tiến nhất để tăng tốc độ tải trang.
– Báo cáo kết quả: Vietnix cung cấp báo cáo chi tiết về kết quả tối ưu hóa website.
Công nghệ tiên tiến: Vietnix sử dụng các công nghệ tối ưu mới nhất như LiteSpeed, LSCache, Memcached, Redis, v.v.
✅ Cam kết kết quả: Vietnix cam kết tăng tốc độ website của bạn lên tối thiểu 90%.
✅ Giá cả cạnh tranh: Vietnix cung cấp dịch vụ tối ưu tốc độ website với mức giá cạnh tranh nhất trên thị trường.
📣 Để đăng ký sử dụng dịch vụ tối ưu tốc độ website và các dịch vụ khác như hosting, vps, domain… các bạn có thể đăng ký tại https://portal.vietnix.vn/aff.php?aff=57 hoặc Inbox cho sếp Vietnix Trung nhé.
Các bạn có thể kiểm tra tốc độ trang của mình https://lasan.edu.vn hoặc một vài trang khác đã sử dụng dịch vụ của Vietnix như sau:
https://pagespeed.web.dev/…/https…/v8beqewyt2…
https://pagespeed.web.dev/…/https…/etiohjvtl4…
https://pagespeed.web.dev/…/https…/yczuqpw6d1…
https://pagespeed.web.dev/…/https…/xf9y65kuzk…
https://pagespeed.web.dev/…/https…/fdrsms15en…
https://pagespeed.web.dev/…/https…/s7p9cgzeri…
Trước khi tối ưu
Sau khi tối ưu
Dũng cá xinh

30 Tháng 1 lúc 19:09

·

[Đỉnh]
Em có dùng hosting, vps, cloud vps, cloud server, dedicated server của rất nhiều bên từ trong nước đến nước ngoài để hosting khoảng 2,000+ domain. Mỗi bên đều có ưu nhược khác nhau, nhưng có 1 số bên đặc biệt “bá đạo”, trong đó có: Vietnix!!!!

Lần đầu tiên em được cả CEO Hưng Nguyễn lẫn Master về dev Vietnix Trung của 1 đơn vị hàng đầu liên quan đến Hosting, Server support từ A – Z (từ Zalo, Tele, đến FB và cả Phone)

Em có khá nhiều web dạng Big Data (bài, ảnh, database, data) lên đến hàng trăm Gb. Càng to thì nó càng có nhiều vấn đề về phần phản hồi ban đầu (nhược điểm cố hữu của php wordpress so với nativejs, reactjs, html, headless,…), và anh em Vietnix có nhã ý hỗ trợ xử lý phần Speed Insight này.

Kết quả thực sự kinh ngạc, từ cách trao đổi đến xử lý vấn đề, cut off những cái cần cut off, xử lý rất sâu vấn đề và gợi ý rất nhiều ý tưởng optimize hệ thống!!!! Thực sự quá hài lòng về kết quả cũng như cách tương tác của các đầu tầu bên Vietnix ^^!!!

Nhân cơ duyên được kết nối với những cao thủ của Vietnix, em xin chia sẻ và lan tỏa để nhiều anh em có cơ hội được sử dụng những dịch vụ tốt nhất với giá vô cùng hợp lý!!!!

1 – Với anh em chưa có hosting, em đặc biệt recommend sử dụng hosting bên Vietnix:
– Sử dụng mã DUNGCAXINH_PAGESPEED sẽ được giảm 20% trọn đời (lifetime luôn)
– Áp dụng các gói Hosting Business, Hosting wordpress và reg 1 năm trở lên
– Anh em chưa biết cách reg thì còm men hoặc ib để em hướng dẫn hoặc nhờ các bạn bên Vietnix support từ A – Z

2 – Anh em có hosting rồi và muốn build blog hoặc web = wordpress mà chưa có giao diện thì nhân tiện em đang có tài khoản Premium bên Envato, em sẽ tặng bất kỳ giao diện nào có trên Envato Themes (Link em để dưới còm men) ạ. Cả nhà còm hoặc ib em Themes mà mọi người “chim ưng”, em sẽ cho anh em tải về, up drive và gửi ạ!!! (Chương trình này kéo dài đến ngày 29 tết âm lịch ạ)

3 – BEST NHẤT luôn!!!! Anh em nào mua hosting dùng mã DUNGCAXINH_PAGESPEED sẽ được tối ưu 100 điểm tốc độ cho 1 web (đây là ưu đãi riêng của CEO Hưng Nguyễn dành cho bạn bè của #dungcaxinh ^^) (Giá trị nhất là cái vụ số 3 này anh chị em nhé ^^), cơ hội vàng để move về đơn vị hosting uy tín là đây ^^!!!!

Một lần nữa xin chân thành cám ơn 2 đồng chí em: Hưng Nguyễn và Vietnix Trung đã giải được một bài toán khó cho các trang WP Big data mà anh loay hoay bao lâu nay chưa tìm ra đáp án!!! Chúc Vietnix ngày càng phát triển và có một năm 2024 đại đại thắng nhé ^^ !!!!!
#SEO #Vietnix #dungcaxinh

Trước khi tối ưu
Sau khi tối ưu
Hiếu AI

2 Tháng 2 lúc 21:06

·

UY TÍN – TẬN TÂM – TỐC ĐỘ

3 từ trên là vẫn chưa đủ để nói về quy trình làm việc cực chuyên nghiệp của team Vietnix.Chuyện là mình có con website chính đang có lượt truy cập organic hàng ngày cũng tương đối (hình 1)

Vấn đề là, con site này đang nằm trên hosting dùng chung nên tốc độ load chưa nhanh, tốc độ load chưa nhanh thì trải nghiệm visitor chưa tốt, trải nghiệm visitor chưa tốt thì tỷ lệ chuyển đổi ra đơn hàng kiểu gì thì kiểu cũng sẽ bị ảnh hưởng.

Biết rõ là đang mất tiền nhưng không biết xử lý như lào, nghĩ mà cay.

Đang loay hoay thì vận may nó tới, hôm qua đang lướt phở bò thấy a Nguyễn Việt Dũng đăng bài, rảnh nên thả cái comment hóng hớt, ai ngờ ngoằng phát thấy ông Dũng tạo nhóm với Vietnix Trung luôn.

Ae Vietnix thì siêu tốc độ, lập tức lấy thông tin vào việc, không hỏi han lằng nhằng, không kỳ kèo chốt đơn dù lúc đấy cũng đang đêm muộn.
Sáng hôm sau dậy vẫn còn đang lơ ngơ mở điện thoại check tin nhắn thì đã thấy ae Vietnix báo xong việc, trong khi mình vẫn chưa biết có chuyện gì xảy ra @@.

Được cái bấm thử website thì thấy load siêu nhanh, chưa tới một giây là thông tin các thứ hiện hết. Quá phê, thả con ảnh trước sau (hình 2,3) để ace tiện đối chiếu nhé. Thế này thì mình gửi gắm nốt 15 em website còn lại cho team Vietnix thôi chứ không cần nghĩ ngợi gì nữa. 10/10.

Nên là:

  1. Anh chị em muốn có một con website tốc độ load nhanh như tốc độ trở mặt của nyc – Dùng ngay dịch vụ hosting của Vietnix
  2. Anh chị em có website rồi muốn tìm bên hosting uy tín, chuyên nghiệp hỗ trợ không quản ngày đêm – Liên hệ ngay Vietnix Trung
  3. Anh chị em quan tâm đến trải nghiệm khách hàng, từ những cái nhỏ nhất như tăng tốc độ website – Better call Vietnix Trung

Và đừng quên dùng pass “HIEUAI_PAGESPEED” để được giảm 20% trọn đời hosting business và wp hosting, quả code này còn được tặng 1 lần tối ưu pagespeed nữa nhé, ưu đãi chắc cũng phải nhất nhì thị trường luôn.
#SEO #Vietnix #hieuai

Website
Trước khi tối ưu
Sau khi tối ưu

Chỉ số tăng trưởng

Điểm Desktop

100 (+43)

Điểm Mobile

100 (+74)

Core Web Vitals

Passed

Lĩnh vực

AI