Hướng dẫn how do i start javascript code? - làm cách nào để bắt đầu mã javascript?

Question

Để làm theo cùng với khóa học này, bạn cần biết cách thức và nơi bạn chạy mã JavaScript của mình. Bạn có một số tùy chọn để chạy chương trình Hello World đầu tiên của mình:

Nội dung chính Show

Cách chạy JavaScript từ dòng lệnh
Cách chạy JavaScript từ trình duyệt
Chạy tập lệnh từ tệp HTML
Kiểm tra bảng điều khiển trình duyệt
Chạy JavaScript với một khung
Chạy JavaScript trong hộp cát
Nhấp vào Cài đặt trang ..
Giới thiệu lập trình
Những gì một chương trình máy tính?
Cách thêm JavaScript vào một trang
Các tập tin JavaScript bên ngoài
Bạn có thể (và thường sẽ) đính kèm nhiều tệp JavaScript bên ngoài vào một trang web duy nhất. Ví dụ: bạn có thể đã tạo một tệp JavaScript bên ngoài điều khiển bảng điều hướng thả xuống và một tệp khác cho phép bạn thêm một trình chiếu tiện lợi vào một trang ảnh. Trên trang thư viện ảnh của bạn, bạn muốn có cả hai chương trình JavaScript, vì vậy bạn đã đính kèm cả hai tệp.
Viết văn bản trên một trang web
Đính kèm một tệp JavaScript bên ngoài
Theo dõi lỗi
Bảng điều khiển JavaScript Chrome
Bảng điều khiển Internet Explorer
Bảng điều khiển web JavaScript Firefox
Bảng điều khiển lỗi safari
Làm cách nào để bắt đầu JavaScript trong trình duyệt của mình?
Bạn viết mã JavaScript ở đâu?
Làm cách nào để chạy chức năng JavaScript?

Mở trình chỉnh sửa của bạn và tạo một tệp có tên

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

0.

FILE_TYPE_JS INDEX.JS index.js

console.log('hello world')

Cách chạy JavaScript từ dòng lệnh

Chạy chương trình JS từ dòng lệnh được xử lý bởi NodeJS. Bắt đầu bằng cách cài đặt NodeJS trên máy cục bộ nếu cần thiết.

Cài đặt Node.js

Bây giờ chỉ cần mở dòng lệnh trong cùng một thư mục với tập lệnh

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

0 bạn đã tạo (mã vs sẽ tự động thực hiện việc này với thiết bị đầu cuối tích hợp).

dòng lệnh

node .

// or 

node index.js

Cách chạy JavaScript từ trình duyệt

Khi mọi người nghĩ về Jav JavaScript, họ thường nghĩ về một trình duyệt web. Bạn có thể chạy mã trong trình duyệt bằng cách tạo tệp HTML tham chiếu tập lệnh. Trong trường hợp của chúng tôi, chúng tôi đã sử dụng tùy chọn

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

2, sẽ thực thi JS sau khi tệp HTML được tải xong.

Chạy tập lệnh từ tệp HTML

file_type_html index.html index.html

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

Bây giờ chỉ cần mở tệp HTML này trên máy cục bộ của bạn và mở bảng điều khiển nhà phát triển (bước tiếp theo) để xem đầu ra.

Kiểm tra bảng điều khiển trình duyệt

Trong Chrome, bạn có thể mở bảng điều khiển nhà phát triển bằng

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

3 (Windows) hoặc

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

4 (Mac) hoặc thủ công từ menu Cài đặt bằng cách chọn thêm các công cụ -> Công cụ phát triển. Bảng điều khiển cho phép bạn chạy mã trong trình duyệt, tương tự như cách

Đầu ra của bảng điều khiển trình duyệt trong Chrome

Chạy JavaScript với một khung

Điều đáng nói là các khung như React, Angular, Svelte, v.v. sẽ tự động xử lý việc xây dựng và chạy ứng dụng của bạn và cung cấp các bước và các bước dành riêng cho khung để chạy mã. Trong thế giới thực, bạn có nhiều khả năng sử dụng công cụ được cung cấp bởi khung để chạy mã của bạn, trái ngược với các phương thức cơ bản được hiển thị trong chiếc này.

Chạy JavaScript trong hộp cát

Khóa học này sử dụng Stackblitz để chạy các ví dụ mã JS trong hộp cát bị cô lập trong trình duyệt. Đây là một lựa chọn tuyệt vời để chia sẻ các bản demo nhanh và phát hành sao chép.

Nhấp vào Cài đặt trang ..

Nhấp vào JavaScript ..

JavaScript cho phép một trang web phản ứng thông minh. Với nó, bạn có thể tạo các hình thức web thông minh cho khách truy cập biết khi họ quên bao gồm thông tin cần thiết. Bạn có thể làm cho các yếu tố xuất hiện, biến mất hoặc di chuyển xung quanh một trang web (xem Hình & NBSP; 1-1). Bạn thậm chí có thể cập nhật nội dung của một trang web với thông tin được lấy từ máy chủ web mà không cần phải tải một trang web mới. Nói tóm lại, JavaScript cho phép bạn làm cho các trang web của bạn hấp dẫn hơn, hiệu quả và hữu ích hơn.

Ghi chú

Trên thực tế, HTML5 không thêm một số thông minh vào HTML, bao gồm xác thực hình thức cơ bản. Nhưng vì không phải tất cả các trình duyệt đều hỗ trợ các bổ sung tiện lợi này (và vì bạn có thể làm nhiều hơn nhiều với các biểu mẫu và JavaScript), bạn vẫn cần JavaScript để xây dựng các hình thức tốt nhất, thân thiện nhất với người dùng và tương tác. Bạn có thể tìm hiểu thêm về các biểu mẫu HTML5 và Web trong các biểu mẫu Ben Henick từ HTML5 (O hèReilly) và Gaurav Gupta tựa Mastering HTML5 Forms (Packt Publishing).does add some smarts to HTML—including basic form validation. But because not all browsers support these nifty additions (and because you can do a whole lot more with forms and JavaScript), you still need JavaScript to build the best, most user-friendly and interactive forms. You can learn more about HTML5 and web forms in Ben Henick’s HTML5 Forms (O’Reilly) and Gaurav Gupta’s Mastering HTML5 Forms (Packt Publishing).

Hướng dẫn how do i start javascript code? - làm cách nào để bắt đầu mã javascript?

Hình & NBSP; . Thông tin mới xuất hiện để đáp ứng với các chuyển động của chuột và nhấp chuột. Với JavaScript, bạn có thể tạo hiệu ứng tương tác của riêng mình.

Giới thiệu lập trình

Đối với nhiều người, thuật ngữ lập trình máy tính trên máy tính, gợi lên tầm nhìn của những người mọt sách siêu thông minh bị gù lên trên bàn phím, gõ gần như không thể hiểu được trong nhiều giờ. Và, thành thật mà nói, một số chương trình là như vậy. Lập trình có vẻ giống như ma thuật phức tạp mà vượt xa phàm nhân trung bình. Nhưng nhiều khái niệm lập trình không khó nắm bắt được, và khi các ngôn ngữ lập trình, JavaScript là ngôn ngữ đầu tiên tốt cho một người mới lập trình.

Tuy nhiên, JavaScript phức tạp hơn HTML hoặc CSS và lập trình thường là một thế giới nước ngoài đối với các nhà thiết kế web; Vì vậy, một mục tiêu của cuốn sách này là giúp bạn suy nghĩ giống như một lập trình viên. Trong suốt cuốn sách này, bạn sẽ học các khái niệm lập trình cơ bản áp dụng cho dù bạn có viết JavaScript, Actioncript hay thậm chí viết chương trình máy tính để bàn bằng C ++ hay không. Quan trọng hơn, bạn sẽ học cách tiếp cận một nhiệm vụ lập trình để bạn sẽ biết chính xác những gì bạn muốn làm trước khi bạn bắt đầu thêm JavaScript vào một trang web.

Nhiều nhà thiết kế web ngay lập tức bị tấn công bởi các biểu tượng và từ lạ được sử dụng trong JavaScript. Một chương trình JavaScript trung bình được rắc các ký hiệu ({} [];, ()! =) Và đầy đủ các từ lạ (

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

5,

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

6,

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

7). Theo nhiều cách, học một ngôn ngữ lập trình rất giống với việc học một ngôn ngữ khác. Bạn cần học các từ mới, dấu câu mới và hiểu cách đặt chúng lại với nhau để bạn có thể giao tiếp thành công.

Mỗi ngôn ngữ lập trình đều có bộ từ khóa và ký tự riêng, và bộ quy tắc riêng để đặt các từ và ký tự đó lại với nhau. Bạn cần phải ghi nhớ các từ và quy tắc của ngôn ngữ JavaScript (hoặc ít nhất là giữ cho cuốn sách này tiện dụng làm tài liệu tham khảo). Khi học nói một ngôn ngữ mới, bạn nhanh chóng nhận ra rằng việc đặt một giọng nói sai có thể khiến một từ không thể hiểu được. Tương tự như vậy, một lỗi đánh máy đơn giản hoặc thậm chí là một dấu chấm câu bị thiếu có thể ngăn chương trình JavaScript hoạt động hoặc kích hoạt lỗi trong trình duyệt web. Bạn có thể phạm nhiều sai lầm khi bạn bắt đầu học cách lập trình mà chỉ là bản chất của lập trình.syntax. You’ll need to memorize the words and rules of the JavaScript language (or at least keep this book handy as a reference). When learning to speak a new language, you quickly realize that placing an accent on the wrong syllable can make a word unintelligible. Likewise, a simple typo or even a missing punctuation mark can prevent a JavaScript program from working, or trigger an error in a web browser. You’ll make plenty of mistakes as you start to learn to program—that’s just the nature of programming.

Lúc đầu, bạn có thể thấy chương trình JavaScript bực bội, bạn sẽ dành rất nhiều thời gian để theo dõi các lỗi mà bạn đã thực hiện khi nhập tập lệnh. Ngoài ra, bạn có thể tìm thấy một số khái niệm liên quan đến lập trình hơi khó theo dõi lúc đầu. Nhưng đừng lo lắng: Nếu bạn đã cố gắng học JavaScript trong quá khứ và từ bỏ vì bạn nghĩ rằng nó quá khó, cuốn sách này sẽ giúp bạn vượt qua những rào cản thường vượt qua mọi người mới để lập trình. .

Ngoài ra, cuốn sách này không chỉ là về JavaScript, nó cũng nói về JQuery, thư viện JavaScript phổ biến nhất thế giới. JQuery làm cho chương trình JavaScript phức tạp dễ dàng hơn nhiều. Vì vậy, với một chút kiến thức của JavaScript và sự giúp đỡ của jQuery, bạn sẽ tạo ra các trang web tương tác tinh vi, không có thời gian.much easier. So with a little bit of JavaScript knowledge and the help of jQuery, you’ll be creating sophisticated, interactive websites in no time.

Những gì một chương trình máy tính?

Khi bạn thêm JavaScript vào một trang web, bạn đã viết một chương trình máy tính. Được cấp, hầu hết các chương trình JavaScript đơn giản hơn nhiều so với các chương trình bạn sử dụng để đọc email, chỉnh sửa ảnh và xây dựng các trang web. Nhưng mặc dù các chương trình JavaScript (còn được gọi là tập lệnh) đơn giản hơn và ngắn hơn, chúng chia sẻ nhiều thuộc tính giống nhau của các chương trình phức tạp hơn.scripts) are simpler and shorter, they share many of the same properties of more complicated programs.

Tóm lại, bất kỳ chương trình máy tính nào là một loạt các bước được hoàn thành theo thứ tự được chỉ định. Giả sử bạn muốn hiển thị một tin nhắn chào mừng bằng cách sử dụng tên khách truy cập trang web Tên tên: Chào mừng, Bob! Có một số điều bạn cần làm để thực hiện nhiệm vụ này:

Hỏi tên khách truy cập..
Nhận phản hồi của khách truy cập..
In (nghĩa là, hiển thị) Thông báo trên trang web..

Mặc dù bạn có thể không bao giờ muốn in một tin nhắn chào mừng trên một trang web, ví dụ này cho thấy quá trình lập trình cơ bản: Xác định những gì bạn muốn làm, sau đó chia nhiệm vụ đó thành các bước riêng lẻ. Mỗi khi bạn muốn tạo một chương trình JavaScript, bạn phải trải qua quá trình xác định các bước cần thiết để đạt được mục tiêu của mình. Khi bạn biết các bước, bạn sẽ dịch ý tưởng của mình thành mã lập trình, các từ và ký tự làm cho trình duyệt web hoạt động theo cách bạn muốn.code—the words and characters that make the web browser behave how you want it to.

Cách thêm JavaScript vào một trang

Các trình duyệt web được xây dựng để hiểu HTML và CSS và chuyển đổi các ngôn ngữ đó thành một màn hình trực quan trên màn hình. Phần của trình duyệt web hiểu HTML và CSS được gọi là công cụ bố trí hoặc kết xuất. Nhưng hầu hết các trình duyệt cũng có một thứ gọi là trình thông dịch JavaScript. Đó là một phần của trình duyệt hiểu JavaScript và có thể thực hiện các bước của chương trình JavaScript. Trình duyệt web thường mong đợi HTML, vì vậy bạn phải biết cụ thể trình duyệt khi JavaScript đến bằng cách sử dụng thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8.layout or rendering engine. But most browsers also have something called a JavaScript interpreter. That’s the part of the browser that understands JavaScript and can execute the steps of a JavaScript program. The web browser is usually expecting HTML, so you must specifically tell the browser when JavaScript is coming by using the

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 tag.

Thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 là HTML thông thường. Nó hoạt động giống như một công tắc mà có hiệu lực nói rằng Hey Hey, trình duyệt web, đây là một số mã JavaScript; Bạn không biết phải làm gì với nó, vì vậy hãy đưa nó cho thông dịch viên JavaScript. Khi trình duyệt web gặp phải thẻ




My Web Page

0 đóng, nó biết rằng nó đã đạt đến cuối chương trình JavaScript và có thể quay lại nhiệm vụ bình thường.

Phần lớn thời gian, bạn sẽ thêm thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 trong phần trang web ____ ____32, như thế này:




My Web Page

Thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 thuộc tính




My Web Page

4 cho biết định dạng và loại tập lệnh theo sau. Trong trường hợp này,




My Web Page

5 có nghĩa là tập lệnh là văn bản thông thường (giống như HTML) và nó được viết bằng JavaScript.

Nếu bạn sử dụng HTML5, cuộc sống thậm chí còn đơn giản hơn. Bạn có thể bỏ qua hoàn toàn thuộc tính loại:





My Web Page

Trên thực tế, trình duyệt web cho phép bạn bỏ thuộc tính loại trong các tệp HTML 4.01 và XHTML 1.0 cũng như tập lệnh sẽ chạy giống nhau; Tuy nhiên, trang của bạn đã giành được xác thực chính xác mà không có thuộc tính loại (xem hộp trên các trang web xác thực để biết thêm về xác thực). Cuốn sách này sử dụng HTML5 cho docType, nhưng mã JavaScript sẽ giống nhau và hoạt động giống nhau cho HTML 4.01 và XHTML 1.

Sau đó, bạn thêm mã JavaScript giữa các thẻ mở và đóng

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8:





My Web Page

Bạn sẽ tìm ra những gì JavaScript này làm trong một khoảnh khắc. Hiện tại, chuyển sự chú ý của bạn sang các thẻ mở và đóng

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8. Để thêm một tập lệnh vào trang của bạn, hãy bắt đầu bằng cách chèn các thẻ này. Trong nhiều trường hợp, bạn sẽ đặt các thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 vào trang ____ ____32 để giữ mã JavaScript của bạn được tổ chức gọn gàng trong một khu vực của trang web.

Tuy nhiên, nó hoàn toàn có giá trị để đặt các thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 ở bất cứ đâu bên trong trang HTML HTML. Trên thực tế, như bạn sẽ thấy sau trong chương này, có một lệnh JavaScript cho phép bạn viết thông tin trực tiếp vào một trang web. Sử dụng lệnh đó, bạn đặt các thẻ vào vị trí trên trang (ở đâu đó bên trong cơ thể) nơi bạn muốn tập lệnh viết tin nhắn của nó. Trên thực tế, nó phổ biến để đặt các thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 ngay bên dưới thẻ





My Web Page

2 đóng, cách tiếp cận này đảm bảo trang được tải và khách truy cập nhìn thấy nó trước khi chạy bất kỳ JavaScript nào.

Các tập tin JavaScript bên ngoài

Sử dụng thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 như đã thảo luận trong phần trước cho phép bạn thêm JavaScript vào một trang web duy nhất. Nhưng nhiều lần bạn sẽ tạo các tập lệnh mà bạn muốn chia sẻ với tất cả các trang trên trang web của mình. Ví dụ: bạn có thể thêm một bảng các tùy chọn điều hướng bổ sung trượt vào trang để đáp ứng với các chuyển động chuột của khách truy cập (xem Hình & NBSP; 1-2). Bạn có thể muốn cùng một bảng điều khiển slide ưa thích trên mỗi trang của trang web của bạn, nhưng sao chép và dán cùng một mã JavaScript vào mỗi trang là một ý tưởng thực sự tồi vì nhiều lý do.

Đầu tiên, nó có rất nhiều công việc sao chép và dán cùng một mã nhiều lần, đặc biệt nếu bạn có một trang web có hàng trăm trang. Thứ hai, nếu bạn quyết định thay đổi hoặc nâng cao mã JavaScript, bạn sẽ cần phải xác định vị trí của mọi trang bằng cách sử dụng JavaScript đó và cập nhật mã. Cuối cùng, vì tất cả các mã cho chương trình JavaScript sẽ được đặt trong mỗi trang web, mỗi trang sẽ lớn hơn nhiều và chậm hơn để tải xuống.

Một cách tiếp cận tốt hơn là sử dụng tệp JavaScript bên ngoài. Nếu bạn đã sử dụng các tệp CSS bên ngoài cho các trang web của mình, kỹ thuật này sẽ cảm thấy quen thuộc. Tệp JavaScript bên ngoài là một tệp văn bản chứa mã JavaScript và kết thúc bằng phần mở rộng tệp .js Navigation.js, ví dụ. Tệp được liên kết với một trang web bằng thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8. Ví dụ: để thêm tệp JavaScript này vào trang chủ của bạn, bạn có thể viết như sau:.js—navigation.js, for example. The file is linked to a web page using the

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 tag. For example, to add this JavaScript file to your home page, you might write the following:





My Web Page

Thuộc tính





My Web Page

5 của thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 hoạt động giống như thuộc tính





My Web Page

5 của thẻ





My Web Page

8 hoặc thuộc tính





My Web Page

9 TAG





My Web Page

0. Nói cách khác, nó trỏ đến một tệp trong trang web của bạn hoặc trên một trang web khác (xem hộp trên các loại URL).

Ghi chú

Khi thêm thuộc tính





My Web Page

5 vào liên kết vào tệp JavaScript bên ngoài, don lồng thêm bất kỳ mã JavaScript nào giữa các thẻ mở và đóng

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8. Nếu bạn muốn liên kết với tệp JavaScript bên ngoài và thêm mã JavaScript tùy chỉnh vào một trang, hãy sử dụng bộ thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 thứ hai. Ví dụ:

Bạn có thể (và thường sẽ) đính kèm nhiều tệp JavaScript bên ngoài vào một trang web duy nhất. Ví dụ: bạn có thể đã tạo một tệp JavaScript bên ngoài điều khiển bảng điều hướng thả xuống và một tệp khác cho phép bạn thêm một trình chiếu tiện lợi vào một trang ảnh. Trên trang thư viện ảnh của bạn, bạn muốn có cả hai chương trình JavaScript, vì vậy bạn đã đính kèm cả hai tệp.

Ngoài ra, bạn có thể đính kèm các tệp JavaScript bên ngoài và thêm chương trình JavaScript vào cùng một trang như thế này:





My Web Page

Hình & NBSP; 1-2. & NBSP; Trang web của Nike.com sử dụng JavaScript rộng rãi để tạo ra một chương trình giới thiệu hấp dẫn cho các sản phẩm của họ. Trang chủ (trên cùng) bao gồm một hàng các nút điều hướng dọc theo những người đàn ông trên cùng, phụ nữ, trẻ em, v.v., khi đó, khi được đưa ra, tiết lộ một nhóm các tùy chọn điều hướng bổ sung. Ví dụ, việc kết nối nút thể thao (được khoanh tròn trong hình ảnh dưới cùng) cho thấy một bảng liệt kê danh sách các môn thể thao khác nhau mà Nike tạo ra sản phẩm.

Chỉ cần nhớ rằng bạn phải sử dụng một bộ thẻ mở và đóng

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 cho mỗi tệp JavaScript bên ngoài. Bạn sẽ tạo một tệp JavaScript bên ngoài trong hướng dẫn bắt đầu gắn tệp JavaScript bên ngoài.

Bạn có thể giữ các tệp JavaScript bên ngoài ở bất cứ đâu bên trong trang web của bạn thư mục gốc của bạn (hoặc bất kỳ thư mục con nào bên trong gốc). Nhiều nhà phát triển web tạo một thư mục đặc biệt cho các tệp JavaScript bên ngoài trong thư mục gốc của trang web: Tên phổ biến là JS (có nghĩa là JavaScript) hoặc LIBS (có nghĩa là thư viện).js (meaning JavaScript) or libs (meaning libraries).

Ghi chú

Khi thêm thuộc tính





My Web Page

5 vào liên kết vào tệp JavaScript bên ngoài, don lồng thêm bất kỳ mã JavaScript nào giữa các thẻ mở và đóng

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8. Nếu bạn muốn liên kết với tệp JavaScript bên ngoài và thêm mã JavaScript tùy chỉnh vào một trang, hãy sử dụng bộ thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 thứ hai. Ví dụ:

Bạn có thể (và thường sẽ) đính kèm nhiều tệp JavaScript bên ngoài vào một trang web duy nhất. Ví dụ: bạn có thể đã tạo một tệp JavaScript bên ngoài điều khiển bảng điều hướng thả xuống và một tệp khác cho phép bạn thêm một trình chiếu tiện lợi vào một trang ảnh. Trên trang thư viện ảnh của bạn, bạn muốn có cả hai chương trình JavaScript, vì vậy bạn đã đính kèm cả hai tệp.

Ngoài ra, bạn có thể đính kèm các tệp JavaScript bên ngoài và thêm chương trình JavaScript vào cùng một trang như thế này:

Ghi chú

Khi thêm thuộc tính





My Web Page

5 vào liên kết vào tệp JavaScript bên ngoài, don lồng thêm bất kỳ mã JavaScript nào giữa các thẻ mở và đóng

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8. Nếu bạn muốn liên kết với tệp JavaScript bên ngoài và thêm mã JavaScript tùy chỉnh vào một trang, hãy sử dụng bộ thẻ

<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>

8 thứ hai. Ví dụ:

Bạn có thể (và thường sẽ) đính kèm nhiều tệp JavaScript bên ngoài vào một trang web duy nhất. Ví dụ: bạn có thể đã tạo một tệp JavaScript bên ngoài điều khiển bảng điều hướng thả xuống và một tệp khác cho phép bạn thêm một trình chiếu tiện lợi vào một trang ảnh. Trên trang thư viện ảnh của bạn, bạn muốn có cả hai chương trình JavaScript, vì vậy bạn đã đính kèm cả hai tệp.

Ngoài ra, bạn có thể đính kèm các tệp JavaScript bên ngoài và thêm chương trình JavaScript vào cùng một trang như thế này:MM_JAVASCRIPT3E on your computer, containing all of the tutorial files for this book.

Hình & NBSP; 1-2. & NBSP; Trang web của Nike.com sử dụng JavaScript rộng rãi để tạo ra một chương trình giới thiệu hấp dẫn cho các sản phẩm của họ. Trang chủ (trên cùng) bao gồm một hàng các nút điều hướng dọc theo những người đàn ông trên cùng, phụ nữ, trẻ em, v.v., khi đó, khi được đưa ra, tiết lộ một nhóm các tùy chọn điều hướng bổ sung. Ví dụ, việc kết nối nút thể thao (được khoanh tròn trong hình ảnh dưới cùng) cho thấy một bảng liệt kê danh sách các môn thể thao khác nhau mà Nike tạo ra sản phẩm.

Chỉ cần nhớ rằng bạn phải sử dụng một bộ thẻ mở và đóng
```
<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>
```
8 cho mỗi tệp JavaScript bên ngoài. Bạn sẽ tạo một tệp JavaScript bên ngoài trong hướng dẫn bắt đầu gắn tệp JavaScript bên ngoài.hello.html.
Bạn có thể giữ các tệp JavaScript bên ngoài ở bất cứ đâu bên trong trang web của bạn thư mục gốc của bạn (hoặc bất kỳ thư mục con nào bên trong gốc). Nhiều nhà phát triển web tạo một thư mục đặc biệt cho các tệp JavaScript bên ngoài trong thư mục gốc của trang web: Tên phổ biến là JS (có nghĩa là JavaScript) hoặc LIBS (có nghĩa là thư viện).chapter01 folder in the MM_JAVASCRIPT3E folder you downloaded as described in the note above. It’s a very simple HTML page, with an external cascading style sheet to add a little visual excitement.
Đôi khi thứ tự bạn đính kèm các tệp JavaScript bên ngoài có vấn đề. Như bạn sẽ thấy sau trong cuốn sách này, đôi khi các tập lệnh bạn viết phụ thuộc vào mã xuất phát từ một tệp bên ngoài. Đó thường là trường hợp khi sử dụng các thư viện JavaScript (mã JavaScript đơn giản hóa các tác vụ lập trình phức tạp). Bạn sẽ thấy một ví dụ về thư viện JavaScript trong hành động trong hướng dẫn về việc đính kèm một tệp JavaScript bên ngoài.before the closing
```
My Web Page
```
5 tag and type:
6 là một lệnh mở ra một hộp cảnh báo và hiển thị thông điệp xuất hiện bên trong dấu ngoặc đơn trong trường hợp này, Hello World. Don Tiết lo lắng về tất cả các dấu câu (dấu ngoặc đơn, trích dẫn và dấu chấm phẩy) chưa. Bạn sẽ học được những gì họ làm trong chương tiếp theo.hello world. Don’t worry about all of the punctuation (the parentheses, quotes, and semicolon) just yet. You’ll learn what they do in the next chapter.
Nhấn phím trả về một lần nữa và gõ ____. Mã bây giờ sẽ trông như thế này:
```
My Web Page
```
0. The code should now look like this:
```
node .

// or 

node index.js
```
1
Trong ví dụ này, những thứ bạn vừa gõ được hiển thị bằng in đậm. Hai thẻ HTML đã có trong tệp; Hãy chắc chắn rằng bạn nhập mã chính xác khi hiển thị.
Khởi chạy một trình duyệt web và mở tệp Hello.html để xem trước nó.hello.html file to preview it.
Một hộp cảnh báo JavaScript xuất hiện (xem Hình & NBSP; 1-3). Lưu ý rằng trang trống khi cảnh báo xuất hiện. .
Mẹo
Khi bạn lần đầu tiên bắt đầu lập trình, bạn sẽ bị sốc về tần suất các chương trình JavaScript của bạn không có vẻ hoạt động. Đối với các lập trình viên mới, nguyên nhân phổ biến nhất của các chương trình không hoạt động là những lỗi gõ đơn giản. Luôn luôn kiểm tra kỹ để đảm bảo các lệnh được đánh vần (như
```
My Web Page
```
8 trong tập lệnh đầu tiên) chính xác. Ngoài ra, lưu ý rằng dấu chấm câu thường xuyên có các cặp (ví dụ: dấu ngoặc đơn mở và đóng và các dấu số không giới hạn từ tập lệnh đầu tiên của bạn, chẳng hạn). Hãy chắc chắn rằng bạn bao gồm cả hai dấu chấm câu mở và đóng khi họ yêu cầu.
Nhấp vào nút Hộp cảnh báo OK OK để đóng nó..
Khi hộp cảnh báo biến mất, trang web xuất hiện trong cửa sổ trình duyệt.
Mặc dù chương trình đầu tiên này không phức tạp về trái đất (hoặc thậm chí là thú vị), nhưng nó cho thấy một khái niệm quan trọng: một trình duyệt web sẽ chạy một chương trình JavaScript ngay khi nó đọc trong mã JavaScript. Trong ví dụ này, lệnh
```
My Web Page
```
6 đã xuất hiện trước khi trình duyệt web hiển thị trang web, vì mã JavaScript xuất hiện trước HTML trong thẻ. Khái niệm này xuất hiện khi bạn bắt đầu viết các chương trình thao tác HTML của trang web, vì bạn sẽ học trong Chương & NBSP; 3.before the web browser displayed the web page, because the JavaScript code appeared before the HTML in the tag. This concept comes into play when you start writing programs that manipulate the HTML of the web page—as you’ll learn in Chapter 3.

Hình & nbsp; 1-3. & NBSP; Hộp cảnh báo JavaScript là một cách nhanh chóng để thu hút sự chú ý của ai đó. Nó là một trong những lệnh JavaScript đơn giản nhất để học và sử dụng.

Ghi chú

Một số phiên bản của Internet Explorer (IE) không muốn chạy các chương trình JavaScript trong các trang web mà bạn mở trực tiếp khỏi ổ cứng của mình, vì sợ rằng mã có thể làm điều gì đó có hại. Vì vậy, khi bạn cố gắng xem trước các tệp hướng dẫn cho cuốn sách này trong Internet Explorer, bạn có thể thấy một tin nhắn nói rằng IE đã chặn tập lệnh. Nhấp vào cho phép cho phép nội dung bị chặn.

Hành vi khó chịu này chỉ áp dụng cho các trang web mà bạn xem trước từ máy tính của mình, không phải các tệp bạn đã đưa lên máy chủ web. Để tránh nhấn nút cho phép nội dung bị chặn, nhiều lần, xem trước các trang trong một trình duyệt web khác, như Chrome hoặc Firefox.

Viết văn bản trên một trang web

Kịch bản trong phần trước đã xuất hiện một hộp thoại ở giữa màn hình của bạn. Điều gì sẽ xảy ra nếu bạn muốn in một tin nhắn trực tiếp lên một trang web bằng JavaScript? Có nhiều cách để làm như vậy, và bạn sẽ học được một số kỹ thuật tinh vi sau này trong cuốn sách này. Tuy nhiên, bạn có thể đạt được mục tiêu đơn giản này với lệnh JavaScript tích hợp và đó là những gì bạn sẽ làm trong tập lệnh thứ hai:

Trong trình soạn thảo văn bản của bạn, hãy mở tệp hello2.html..
Trong khi các thẻ
```
<html>
    <head>
        <script defer src="./index.js">script>
    head>
html>
```
8 thường xuất hiện trong một trang web
```
My Web Page
```
2, bạn có thể đặt chúng và các chương trình JavaScript trực tiếp trong phần thân trang.
Trực tiếp bên dưới ____62, nhập mã sau:
```
My Web Page
```
2, type the following code:
```
node .

// or 

node index.js
```
2
Giống như hàm
```
My Web Page
```
6,
```
My Web Page
```
4 là một lệnh JavaScript thực sự viết ra bất cứ điều gì bạn đặt giữa dấu ngoặc đơn mở và đóng. Trong trường hợp này, HTML
```
My Web Page
```
5 được thêm vào trang: thẻ đoạn văn và hai từ.
Lưu trang và mở nó trong trình duyệt web..
Trang mở đầu và dòng chữ Hello Hello World! xuất hiện bên dưới tiêu đề (xem hình & nbsp; 1-4).

Ghi chú

Một số phiên bản của Internet Explorer (IE) không muốn chạy các chương trình JavaScript trong các trang web mà bạn mở trực tiếp khỏi ổ cứng của mình, vì sợ rằng mã có thể làm điều gì đó có hại. Vì vậy, khi bạn cố gắng xem trước các tệp hướng dẫn cho cuốn sách này trong Internet Explorer, bạn có thể thấy một tin nhắn nói rằng IE đã chặn tập lệnh. Nhấp vào cho phép cho phép nội dung bị chặn.complete_ in the same folder as the tutorial file. For example, the file complete_hello2.html contains a working version of the script you added to file hello2.html.

Hành vi khó chịu này chỉ áp dụng cho các trang web mà bạn xem trước từ máy tính của mình, không phải các tệp bạn đã đưa lên máy chủ web. Để tránh nhấn nút cho phép nội dung bị chặn, nhiều lần, xem trước các trang trong một trình duyệt web khác, như Chrome hoặc Firefox.

Đính kèm một tệp JavaScript bên ngoài

Như đã thảo luận trên các tệp JavaScript bên ngoài, bạn sẽ thường đặt mã JavaScript vào một tệp riêng nếu bạn muốn sử dụng cùng một tập lệnh trên nhiều trang web. Sau đó, bạn hướng dẫn các trang web của mình tải tệp đó và sử dụng JavaScript bên trong nó. Các tệp JavaScript bên ngoài cũng có ích khi bạn sử dụng mã JavaScript khác của người khác. Cụ thể, có các bộ sưu tập mã JavaScript được gọi là Thư viện, cung cấp chương trình JavaScript hữu ích. Thông thường, các thư viện này giúp bạn dễ dàng làm điều gì đó mà thường khá khó khăn. Bạn có thể tìm hiểu thêm về các thư viện JavaScript trên các thư viện JavaScript và đặc biệt là thư viện JavaScript Cuốn sách này (và phần lớn web) sử dụng JQuery.libraries, which provide useful JavaScript programming. Usually, these libraries make it easy to do something that’s normally quite difficult. You’ll learn more about JavaScript libraries on About JavaScript Libraries, and, in particular, the JavaScript library this book (and much of the Web) uses—jQuery.

Hình & nbsp; 1-4. & Nbsp; wow. Kịch bản này có thể không phải là một cái gì đó cho tài liệu. Tin nhắn (như Chào mừng bạn trở lại trang web, Dave,) sau khi một trang web đã tải xuống.

Nhưng bây giờ, bạn sẽ có được trải nghiệm khi đính kèm một tệp JavaScript bên ngoài vào một trang và viết một chương trình ngắn làm điều gì đó tuyệt vời:

Trong trình soạn thảo văn bản của bạn, hãy mở tệp fadein.html..
Trang này chỉ chứa một số thẻ HTML đơn giản, một vài thẻ
```
My Web Page
```
6, tiêu đề và một vài đoạn văn. Bạn sẽ thêm một hiệu ứng hình ảnh đơn giản vào trang, điều này khiến tất cả nội dung dần dần mờ dần vào tầm nhìn.
Nhấp vào đường trống giữa các thẻ
```
My Web Page
```
7 và đóng các thẻ
My Web Page
5 gần đầu trang và gõ:
```
My Web Page
```
7 and closing
```
My Web Page
```
5 tags near the top of the page, and type:
```
node .

// or 

node index.js
```
3
Mã này liên kết một tệp có tên jquery.min.js, được chứa trong một thư mục có tên _JS, với trang web này. Khi một trình duyệt web tải trang web này, nó cũng tải xuống tệp javascript jquery.min.js và chạy mã bên trong nó.jquery.min.js, which is contained in a folder named _js, to this web page. When a web browser loads this web page, it also downloads the jquery.min.js JavaScript file and runs the code inside it.
Tiếp theo, bạn sẽ thêm chương trình JavaScript của riêng bạn vào trang này.
Ghi chú
Phần tối thiểu có nghĩa là tệp được giảm thiểu một quy trình loại bỏ khoảng trắng không cần thiết và ngưng tụ mã để làm cho tệp nhỏ hơn để tải xuống nhanh hơn.minimized—a process that removes unneeded whitespace and condenses the code to make the file smaller so that it downloads faster.

Nhấn Trả về để tạo một dòng trống mới, sau đó nhập::

0 đóng cho thấy kết thúc của chương trình JavaScript. Don Tiết lo lắng quá nhiều về tất cả những dấu chấm câu kỳ lạ đó, bạn sẽ học cách họ làm việc chi tiết sau này trong cuốn sách. Điều chính bạn cần đảm bảo là nhập mã chính xác như được liệt kê ở đây. Một lỗi đánh máy, và chương trình có thể không hoạt động.

Mã cuối cùng bạn đã thêm vào trang sẽ trông giống như văn bản in đậm sau:

node .

// or 

node index.js

9

Mẹo

Để làm cho chương trình của bạn dễ đọc hơn, đó là một ý tưởng tốt để thụt mã. Nhiều khi bạn thụt vào các thẻ HTML để hiển thị thẻ nào được lồng bên trong các thẻ khác, bạn có thể thụt dòng mã bên trong một khối mã khác. Ví dụ: dòng mã bạn đã thêm vào bước 6 được lồng bên trong mã cho các bước 5 và 7, vì vậy hãy nhấn tab hoặc nhấn phím cách một vài lần trước khi nhập mã cho bước 6 có thể giúp mã của bạn dễ hiểu hơn (vì Hình trong mã cuối cùng được liệt kê ở cuối bước 7).

Lưu tệp HTML và mở nó trong trình duyệt web..
Bạn sẽ thấy tiêu đề, trượt xuống, cộng với một đoạn văn và chân trang ở dưới cùng của cửa sổ trình duyệt, theo sau là các hộp chứa JavaScript & jQuery: Hướng dẫn bị thiếu từ từ trượt xuống vị trí. Thay đổi số 3000 thành các giá trị khác nhau (như 250 và 10000) để xem cách thay đổi cách thức hoạt động của trang.

Ghi chú

Nếu bạn cố gắng xem trước trang này trong Internet Explorer và nó dường như không làm bất cứ điều gì, bạn sẽ cần phải nhấp vào hộp Nội dung Bị chặn Nội dung bị chặn xuất hiện ở cuối trang (xem ghi chú trên lưu ý).

Như bạn có thể thấy, nó không mất rất nhiều JavaScript để làm một số điều tuyệt vời cho các trang web của bạn. Nhờ JQuery, bạn sẽ có thể tạo các trang web tương tác, tinh vi ngay cả khi bạn không phải là một trình hướng dẫn lập trình. Tuy nhiên, bạn sẽ thấy nó giúp biết những điều cơ bản của JavaScript và lập trình. Chương Chương & NBSP; 2 và Chương & NBSP; 3 sẽ bao gồm những điều cơ bản của JavaScript để giúp bạn thoải mái với các khái niệm cơ bản và cú pháp tạo nên ngôn ngữ.

Theo dõi lỗi

Khoảnh khắc khó chịu nhất trong chương trình JavaScript xuất hiện khi bạn cố gắng xem trang được cung cấp bởi JavaScript của mình trong trình duyệt web và không có gì xảy ra. Nó là một trong những kinh nghiệm phổ biến nhất cho các lập trình viên. Ngay cả các lập trình viên có kinh nghiệm cũng thường không nhận được nó ngay lần đầu tiên họ viết một chương trình, vì vậy việc tìm ra những gì đã sai chỉ là một phần của trò chơi.

Hầu hết các trình duyệt web được thiết lập để âm thầm bỏ qua các lỗi JavaScript, vì vậy bạn thường giành chiến thắng ngay cả khi thấy Hey Hey, chương trình này không hoạt động! hộp thoại. (Nói chung, đó là một điều tốt, vì bạn không muốn có lỗi JavaScript để làm gián đoạn trải nghiệm xem các trang web của bạn.)

Vì vậy, làm thế nào để bạn tìm ra những gì đã đi sai? Có nhiều cách để theo dõi lỗi trong chương trình JavaScript. Bạn sẽ học một số kỹ thuật gỡ lỗi nâng cao trong Chương & NBSP; 17, nhưng phương pháp cơ bản nhất là tham khảo trình duyệt web. Hầu hết các trình duyệt web theo dõi các lỗi JavaScript và ghi chúng trong một cửa sổ riêng gọi là bảng điều khiển lỗi. Khi bạn tải một trang web có chứa lỗi, sau đó bạn có thể xem bảng điều khiển để nhận thông tin hữu ích về lỗi, giống như dòng trang web mà nó xảy ra và mô tả về lỗi.debugging techniques in Chapter 17, but the most basic method is to consult the web browser. Most web browsers keep track of JavaScript errors and record them in a separate window called an error console. When you load a web page that contains an error, you can then view the console to get helpful information about the error, like which line of the web page it occurred in and a description of the error.

Thông thường, bạn có thể tìm thấy câu trả lời cho sự cố trong bảng điều khiển lỗi, sửa JavaScript và sau đó trang sẽ hoạt động. Bảng điều khiển giúp bạn loại bỏ các lỗi chính tả cơ bản mà bạn thực hiện khi bạn bắt đầu lập trình lần đầu tiên, như quên đóng dấu chấm câu hoặc nhầm tên của một lệnh javascript. Bạn có thể sử dụng bảng điều khiển lỗi trong trình duyệt yêu thích của mình, nhưng vì các tập lệnh đôi khi hoạt động trong một trình duyệt chứ không phải phần khác, phần này chỉ cho bạn cách bật bảng điều khiển JavaScript trong tất cả các trình duyệt chính, để bạn có thể theo dõi các vấn đề trong mỗi trình.

Bảng điều khiển JavaScript Chrome

Trình duyệt Google Chrome Chrome được nhiều nhà phát triển web yêu thích. Tính năng DevTools của nó cung cấp cho bạn nhiều cách để khắc phục sự cố HTML, CSS và JavaScript. Ngoài ra, bảng điều khiển JavaScript của nó là một nơi tuyệt vời để bắt đầu theo dõi các lỗi trong mã của bạn. Nó không chỉ mô tả các lỗi mà nó tìm thấy, nó còn xác định dòng trong mã của bạn nơi mỗi lỗi xảy ra.

Để mở bảng điều khiển JavaScript, nhấp vào nút Menu Tùy chỉnh (được khoanh tròn trong Hình & NBSP; 1-5) và chọn Công cụ → Bảng điều khiển JavaScript. Hoặc sử dụng phím tắt Ctrl+Shift+J (Windows) hoặc ⌘-exption-j (mac).

Hình & NBSP; 1-5. & NBSP; Nhấp vào menu Tùy chỉnh (được khoanh tròn) để truy cập vào bảng điều khiển JavaScript cũng như các công cụ hữu ích khác. Chọn tùy chọn Công cụ Nhà phát triển là một cách khác để đến bảng điều khiển, vì bảng điều khiển JavaScript là một phần của một bộ công cụ Chrome lớn hơn được gọi là Công cụ phát triển (viết tắt là DevTools). Bạn sẽ tìm hiểu thêm về những công cụ đó trong Chương 17.

Sau khi bạn mở bảng điều khiển, bạn có thể kiểm tra mọi lỗi xuất hiện trong trang hiện tại. Ví dụ: trong Hình & NBSP; 1-6, bảng điều khiển xác định lỗi là một cú pháp không thể bỏ qua: Mã thông báo bất ngờ bất ngờ. OK, có thể không rõ ràng ngay lập tức điều đó có nghĩa là gì, nhưng khi bạn gặp phải (và sửa) nhiều lỗi hơn, bạn sẽ quen với các mô tả ngắn gọn này. Về cơ bản, một lỗi cú pháp chỉ ra một số loại lỗi đánh máy, một lỗi với cú pháp hoặc ngôn ngữ của chương trình. Phần mã thông báo bất ngờ của người Viking, một phần bất hợp pháp chỉ có nghĩa là trình duyệt đã gặp phải một nhân vật bất hợp pháp, hoặc (và ở đây, phần khó khăn) mà có một nhân vật còn thiếu. Trong trường hợp này, nhìn kỹ vào mã mà bạn có thể thấy ở đó, một dấu trích dẫn mở đầu trước khi chậm chậm nhưng không có dấu hiệu cuối cùng.

Bảng điều khiển cũng xác định tên của tệp lỗi trong (hoàn chỉnh_slide.html, trong trường hợp này) và số dòng xảy ra lỗi (dòng 10). Nhấp vào tên tệp và Chrome mở tệp phía trên bảng điều khiển và làm nổi bật ngắn gọn dòng (xem Hình & NBSP; 1-5).complete_slide.html, in this case) and the line number the error occurs (line 10). Click the filename, and Chrome opens the file above the console and briefly highlights the line (see Figure 1-5).

Mẹo

Vì bảng điều khiển lỗi hiển thị số dòng nơi xảy ra lỗi, bạn có thể muốn sử dụng trình soạn thảo văn bản có thể hiển thị số dòng. Bằng cách đó, bạn có thể dễ dàng nhảy từ bảng điều khiển lỗi sang trình soạn thảo văn bản của mình và xác định dòng mã bạn cần sửa.

Hình & NBSP; 1-6. & NBSP; Bảng điều khiển JavaScript của Chrome, xác định các lỗi trong các chương trình của bạn. Nhấp vào tên tệp được liệt kê ở bên phải của lỗi và Chrome làm nổi bật ngắn gọn trang với lỗi (được khoanh tròn).

Thật không may, có một danh sách dài những điều có thể sai trong một kịch bản, từ lỗi chính tả đơn giản đến các lỗi phức tạp trong logic. Khi bạn chỉ bắt đầu với chương trình JavaScript, nhiều lỗi của bạn sẽ là loại đánh máy đơn giản. Ví dụ: bạn có thể quên một dấu chấm phẩy, dấu trích dẫn hoặc dấu ngoặc đơn hoặc viết sai lệnh JavaScript. Bạn đặc biệt dễ bị lỗi lỗi khi theo các ví dụ từ một cuốn sách (như cuốn sách này). Dưới đây là một vài lỗi phổ biến mà bạn có thể mắc phải và các thông báo lỗi (không rõ ràng) mà bạn có thể gặp phải:

Thiếu dấu câu. Như đã đề cập trước đó, lập trình JavaScript thường liên quan đến nhiều cặp biểu tượng như mở và đóng dấu ngoặc đơn và dấu ngoặc. Ví dụ: nếu bạn gõ ____ 70, hãy từ bỏ dấu ngoặc đơn, bạn có thể nhận được: mã thông báo bất ngờ; Thông điệp, có nghĩa là Chrome đang mong đợi một cái gì đó khác với nhân vật mà nó thể hiện. Trong trường hợp này, nó gặp dấu chấm phẩy thay vì dấu ngoặc đơn đóng.. As mentioned earlier, JavaScript programming often involves lots of symbol pairs like opening and closing parentheses and brackets. For example, if you type
0—leaving off the closing parenthesis—you’ll probably get the: “Unexpected token;” message, meaning that Chrome was expecting something other than the character it’s showing. In this case, it encountered the semicolon instead of the closing parenthesis.
Thiếu dấu ngoặc kép. Một chuỗi là một loạt các ký tự được đặt bởi các dấu ngoặc kép (bạn sẽ tìm hiểu về những điều này chi tiết hơn về các loại dữ liệu). Ví dụ: ‘Xin chào là một chuỗi trong mã
1. Nó dễ dàng quên đi dấu ngoặc kép mở hoặc đóng. Nó cũng dễ dàng trộn lẫn các dấu ngoặc kép đó; Chẳng hạn, bằng cách ghép nối một quote đơn với một trích dẫn kép như thế này:

2. Trong cả hai trường hợp, bạn có thể sẽ thấy một cú pháp chưa được thực hiện của người Viking: lỗi không mong muốn lỗi bất hợp pháp.. A string is a series of characters enclosed by quote marks (you’ll learn about these in greater detail on Types of Data). For example, ‘hello’ is a string in the code
1. It’s easy to forget either the opening or closing quote mark. It’s also easy to mix up those quote marks; for instance, by pairing a single-quote with a double quote like this:
2. In either case, you’ll probably see an “Uncaught SyntaxError: Unexpected token ILLEGAL” error.
Các lệnh sai chính tả. Nếu bạn viết sai một lệnh JavaScript, thì ____________ 73, bạn sẽ gặp một lỗi khi nói rằng lệnh sai chính tả được xác định: ví dụ, tham chiếu uncaughterRor: aler không được xác định, nếu bạn viết sai lệnh
```
My Web Page
```
8. Bạn cũng sẽ gặp sự cố khi bạn viết sai các hàm jQuery (như các hàm

5 và

6 trong hướng dẫn trước đó). Trong trường hợp này, bạn sẽ nhận được một lỗi khác. Ví dụ: nếu bạn đã nhầm lẫn, ẩn giấu là một người ẩn trong bước 6 về việc đính kèm một tệp JavaScript bên ngoài, Chrome sẽ cung cấp cho bạn lỗi này: Kiểu Uncaught Kiểu: đối tượng [đối tượng] không có phương thức nào ẩn.. If you misspell a JavaScript command—
3—you’ll get an error saying that the misspelled command isn’t defined: for example, “Uncaught ReferenceError: aler is not defined,” if you misspell the
```
My Web Page
```
8 command. You’ll also encounter problems when you misspell jQuery functions (like the
5 and
6 functions in the previous tutorial). In this case, you’ll get a different error. For example, if you mistyped “hide” as “hid” in step 6 on Attaching an External JavaScript File, Chrome will give you this error: “Uncaught TypeError: Object [object Object] has no method ‘hid’”.
Lỗi cú pháp. Thỉnh thoảng, Chrome không biết bạn đang cố gắng làm gì và cung cấp thông báo lỗi chung này. Lỗi cú pháp biểu thị một số lỗi trong mã của bạn. Nó có thể không phải là một lỗi đánh máy, nhưng bạn có thể đã kết hợp một hoặc nhiều tuyên bố của JavaScript theo cách được cho phép. Trong trường hợp này, bạn cần xem xét kỹ dòng lỗi mà lỗi được tìm thấy và cố gắng tìm ra sai lầm bạn đã mắc phải. Thật không may, các loại lỗi này thường yêu cầu kinh nghiệm và hiểu về ngôn ngữ JavaScript để sửa chữa.. Occasionally, Chrome has no idea what you were trying to do and provides this generic error message. A syntax error represents some mistake in your code. It may not be a typo, but you may have put together one or more statements of JavaScript in a way that isn’t allowed. In this case, you need to look closely at the line where the error was found and try to figure out what mistake you made. Unfortunately, these types of errors often require experience with and understanding of the JavaScript language to fix.

Như bạn có thể thấy từ danh sách trước đó, nhiều lỗi mà bạn sẽ thực hiện đơn giản liên quan đến việc quên gõ một trong một cặp dấu chấm câu giống như dấu ngoặc đơn hoặc dấu ngoặc đơn. May mắn thay, những điều này rất dễ sửa chữa và khi bạn có thêm lập trình kinh nghiệm, cuối cùng bạn sẽ ngừng làm cho chúng gần như hoàn toàn (không có lập trình viên là hoàn hảo).

Bảng điều khiển Internet Explorer

Internet Explorer cung cấp một bộ công cụ phát triển tinh vi để không chỉ xem các lỗi JavaScript mà còn phân tích CSS, HTML và chuyển thông tin qua mạng. Khi mở, cửa sổ công cụ nhà phát triển xuất hiện ở nửa dưới của cửa sổ trình duyệt. Nhấn phím F12 để mở các công cụ nhà phát triển và nhấn lại để đóng chúng. Bạn sẽ tìm thấy các lỗi JavaScript được liệt kê trong tab Console (được khoanh tròn trong Hình & NBSP; 1-7).

Ghi chú

Nếu trước tiên bạn mở một trang web và sau đó mở bảng điều khiển Internet Explorer, bạn đã giành được bất kỳ lỗi nào (ngay cả khi có một số). Bạn cần tải lại trang để xem bất kỳ lỗi nào. Khi bảng điều khiển được mở, bạn sẽ thấy các lỗi trên các trang bạn truy cập khi chúng tải.

Bảng điều khiển IE IE hiển thị các thông báo lỗi tương tự như các thông báo được mô tả trước đó cho Chrome. Tuy nhiên, đôi khi họ rất khác nhau. Ví dụ: hằng số chuỗi chưa kết thúc của IE, là một lỗi bất hợp pháp bất hợp pháp của người Viking trong Chrome. Giống như Chrome, Internet Explorer xác định dòng mã trong tệp HTML nơi xảy ra lỗi, bạn có thể nhấp để xem mã thực tế xảy ra lỗi.

Hình & nbsp; 1-7. & NBSP; Các công cụ phát triển trình duyệt Internet Explorer cung cấp quyền truy cập vào các lỗi JavaScript xảy ra trên một trang, cũng như rất nhiều thông tin khác.

Bảng điều khiển web JavaScript Firefox

Trình duyệt Firefox Mozilla cũng cung cấp cho bạn một bảng điều khiển để xem các lỗi JavaScript. Để mở bảng điều khiển JavaScript, trên Windows, nhấp vào tab Firefox ở phía trên bên trái của cửa sổ Trình duyệt và chọn Nhà phát triển web → Bảng điều khiển web. Trên máy Mac, chọn Công cụ → Nhà phát triển web → Bảng điều khiển web. Hoặc sử dụng các phím tắt Ctrl+Shift+I (Windows) hoặc ⌘-exption-K (mac).

Khi bảng điều khiển mở, bạn sẽ thấy bất kỳ lỗi JavaScript nào trên trang. Thật không may, bảng điều khiển web Firefox, giống như một ống dữ liệu lửa hơn là một phóng viên lỗi JavaScript đơn giản (Hình & NBSP; 1-8). Điều đó bởi vì nó cung cấp thông tin về tất cả các loại: các tệp được tải xuống, lỗi CSS và HTML, v.v.

Ghi chú

Trình cắm Firebug (http://getfirebug.com) mở rộng đáng kể trên bảng điều khiển lỗi Firefox. Trên thực tế, nó đã cung cấp mô hình cho các công cụ phát triển trong Internet Explorer, Chrome và Safari (được thảo luận tiếp theo).

Hình & nbsp; 1-8. & NBSP; Nếu bạn không muốn xem tất cả các tin nhắn trong bảng điều khiển web Firefox, chỉ cần nhấp vào nút cho loại tin nhắn bạn muốn ẩn. Ví dụ: nhấp vào nút CSS để ẩn thông báo lỗi CSS, nút bảo mật để ẩn các cảnh báo bảo mật, v.v. Bạn sẽ biết nếu nút bị tắt vì nó trông màu xám nhạt hơn, giống như các nút CSS và bảo mật ở đây. Một nút được bật khi nó tối hơn và có vẻ như nó đã được nhấn vào trong, giống như mạng, JS (viết tắt của JavaScript) và các nút đăng nhập ở đây.

Bảng điều khiển lỗi safari

Bảng điều khiển lỗi Safari, có sẵn từ menu Phát triển: Phát triển → Hiển thị bảng điều khiển lỗi (hoặc, nếu bạn trên máy Mac, hãy sử dụng phím tắt bàn phím tùy chọn-C). Tuy nhiên, menu phát triển thường được bật khi Safari được cài đặt, do đó, có một vài bước để đến bảng điều khiển JavaScript.

Để bật menu phát triển, trước tiên bạn cần truy cập vào cửa sổ Tùy chọn. Chọn Safari → Tùy chọn. Khi cửa sổ Tùy chọn mở, nhấp vào nút nâng cao. Bật menu Hiển thị phát triển trong hộp menu Bar và đóng cửa sổ Tùy chọn.

Khi bạn khởi động lại Safari, menu phát triển sẽ xuất hiện giữa dấu trang và menu cửa sổ trong thanh menu ở đầu màn hình. Chọn Phát triển → Hiển thị bảng điều khiển lỗi để mở bảng điều khiển (xem Hình & NBSP; 1-9).

Hình & nbsp; 1-9. & NBSP; Bảng điều khiển lỗi Safari hiển thị tên của lỗi JavaScript, tên tệp (và vị trí) và dòng mà Safari gặp phải lỗi. Mỗi cửa sổ Tab hoặc Trình duyệt có bảng điều khiển lỗi riêng, vì vậy nếu bạn đã mở bảng điều khiển cho một tab, bạn cần chọn phát triển → hiển thị bảng điều khiển lỗi nếu bạn muốn thấy lỗi cho một tab hoặc cửa sổ khác. Ngoài ra, nếu bạn tải lại một trang, Safari không xóa bất kỳ lỗi nào trước đó trên trang đó, vì vậy bạn có thể kết thúc với một danh sách dài các lỗi cũ, cố định khi bạn làm việc trên một trang và tải lại nó. Câu trả lời: Nhấp vào biểu tượng rác (được khoanh tròn) để xóa danh sách các lỗi cũ, sau đó tải lại trang.

Ghi chú

Trình cắm Firebug (http://getfirebug.com) mở rộng đáng kể trên bảng điều khiển lỗi Firefox. Trên thực tế, nó đã cung cấp mô hình cho các công cụ phát triển trong Internet Explorer, Chrome và Safari (được thảo luận tiếp theo).

Hình & nbsp; 1-8. & NBSP; Nếu bạn không muốn xem tất cả các tin nhắn trong bảng điều khiển web Firefox, chỉ cần nhấp vào nút cho loại tin nhắn bạn muốn ẩn. Ví dụ: nhấp vào nút CSS để ẩn thông báo lỗi CSS, nút bảo mật để ẩn các cảnh báo bảo mật, v.v. Bạn sẽ biết nếu nút bị tắt vì nó trông màu xám nhạt hơn, giống như các nút CSS và bảo mật ở đây. Một nút được bật khi nó tối hơn và có vẻ như nó đã được nhấn vào trong, giống như mạng, JS (viết tắt của JavaScript) và các nút đăng nhập ở đây.learning platform.

Bảng điều khiển lỗi safarinearly 200 publishers.

Làm cách nào để bắt đầu JavaScript trong trình duyệt của mình?

Kích hoạt JavaScript trong Google Chrome..

Mở Chrome trên máy tính của bạn ..

Nhấp chuột.Cài đặt ..

Nhấp vào Bảo mật và Quyền riêng tư ..

Nhấp vào Cài đặt trang ..

Nhấp vào JavaScript ..

Chọn Trang web có thể sử dụng JavaScript ..

Bạn viết mã JavaScript ở đâu?

Thẻ trong HTML, mã JavaScript được chèn giữa và thẻ.between tags.

Làm cách nào để chạy chức năng JavaScript?

Sử dụng chức năng từ khóa theo sau là tên của hàm.Sau tên chức năng, mở và đóng dấu ngoặc đơn.Sau dấu ngoặc đơn, mở và đóng niềng răng xoăn.Trong niềng răng xoăn, hãy viết các dòng mã của bạn.. After the function name, open and close parentheses. After parenthesis, open and close curly braces. Within curly braces, write your lines of code.

programming javascript JavaScript w3school Run JS online W3school Java JavaScript operator Constant JS In JavaScript

Hướng dẫn how do i start javascript code? - làm cách nào để bắt đầu mã javascript?

Cách chạy JavaScript từ dòng lệnh

Cách chạy JavaScript từ trình duyệt

Chạy tập lệnh từ tệp HTML

Kiểm tra bảng điều khiển trình duyệt

Chạy JavaScript với một khung

Chạy JavaScript trong hộp cát

Nhấp vào Cài đặt trang ..

Ghi chú

Giới thiệu lập trình

Những gì một chương trình máy tính?

Cách thêm JavaScript vào một trang

Các tập tin JavaScript bên ngoài

Ghi chú

Ghi chú

Ghi chú

Mẹo

Ghi chú

Viết văn bản trên một trang web

Ghi chú

Đính kèm một tệp JavaScript bên ngoài

Ghi chú

Mẹo

Ghi chú

Theo dõi lỗi

Bảng điều khiển JavaScript Chrome

Mẹo

Bảng điều khiển Internet Explorer

Ghi chú

Bảng điều khiển web JavaScript Firefox

Ghi chú

Bảng điều khiển lỗi safari

Ghi chú

Làm cách nào để bắt đầu JavaScript trong trình duyệt của mình?

Bạn viết mã JavaScript ở đâu?

Làm cách nào để chạy chức năng JavaScript?

Bài Viết Liên Quan

Quảng Cáo

Có thể bạn quan tâm

Toplist được quan tâm

Quảng cáo

Xem Nhiều

Quảng cáo

Chúng tôi

Điều khoản

Trợ giúp

Mạng xã hội