JavaScript là ngôn ngữ kịch bản được sử dụng rộng rãi để thêm chức năng động vào trang web, bên cạnh HTML và CSS. Các sự kiện, hoạt ảnh và cập nhật nội dung do người dùng kích hoạt nằm trong số một số tính năng trên trang web được cung cấp bởi JavaScript. Để sử dụng JavaScript trên trang web HTML, bạn phải sử dụng
Example Web Page with JavaScript
13Ví dụ này thêm mã JavaScript trực tiếp vào phần đánh dấu HTML
Ví dụ tiếp theo chứng minh
Example Web Page with JavaScript
13Trong ví dụ,
Example Web Page with JavaScript
13Thuộc tính
Example Web Page with JavaScript
16 sử dụng đường dẫn tương đối đến tệp
Example Web Page with JavaScript
17 chứa mã JavaScript mà bạn muốn thực thiTruy cập trang HTML trong trình duyệt bằng cách nhập địa chỉ sau.
Example Web Page with JavaScript
18. Nhấp vào nút và quan sát rằng nó tạo ra một hộp thoại cảnh báoBạn cũng có thể xem kết quả bằng cách xem tệp
Example Web Page with JavaScript
19 đi kèm của chúng tôiGiống như
Example Web Page with JavaScript
20, sử dụng
Example Web Page with JavaScript
3 yêu cầu trình duyệt tải xuống tệp JavaScript được liên kết trong nền trong khi trang tiếp tục tải. Tuy nhiên, không giống như
Example Web Page with JavaScript
20,
Example Web Page with JavaScript
3 ngăn không cho tập lệnh đã tải được thực thi cho đến khi trang được hiển thị đầy đủ. Điều này làm cho
Example Web Page with JavaScript
3 đặc biệt hữu ích khi mã JavaScript của bạn dựa trên một hoặc nhiều phần tử được hiển thị và có sẵn. Vì
Example Web Page with JavaScript
3 đảm bảo rằng tập lệnh chỉ chạy khi trang đã được tải hoàn tất, nên bạn có thể yên tâm rằng tập lệnh sẽ không chạy cho đến khi tất cả các phần tử bắt buộc có trên trangTập tin. mục lục. html1
2
3
4
5
6
7
8
9
Example Web Page with JavaScript
Hướng dẫn này trình bày thông tin cơ bản mà bạn cần để bắt đầu sử dụng JavaScript trên các trang HTML của mình. Cho dù bạn định nhúng tập lệnh hay liên kết tệp JavaScript vào HTML của mình, thì hướng dẫn này cũng phác thảo các bước cần thiết để thực hiện việc đó
Bước tiếp theo, bạn có thể quan tâm đến việc xem một số hướng dẫn JavaScript khác của chúng tôi. Chẳng hạn, hãy xem hướng dẫn Duyệt qua mô hình đối tượng tài liệu bằng JavaScript, hướng dẫn Cách sửa đổi DOM bằng JavaScript và hướng dẫn Đối tượng JavaScript của chúng tôi
JavaScript là một trong những ngôn ngữ lập trình được giải thích, nhẹ và được biên dịch phổ biến nhất. Nó là đồng bộ và đơn luồng. Các chương trình trong JavaScript được gọi là tập lệnh được thực thi dưới dạng văn bản thuần túy. Chúng tôi có thể viết các tập lệnh này trực tiếp trên trang HTML của mình hoặc sử dụng tệp JavaScript bên ngoài. JavaScript có thể thực thi trong trình duyệt và cả trên máy chủ hoặc trên thực tế trên bất kỳ thiết bị nào có chương trình đặc biệt gọi là công cụ JavaScript. JavaScript được sử dụng cho phía máy chủ cũng như trong các phát triển phía máy khách
Có 2 cách để sử dụng javascript trong tệp HTML
- Internal JavaScript: JavaScript can be added directly to the HTML file by writing the code inside the tag . We can place the tag either inside or the tag according to the need.
- External JavaScript: The other way is to write JavaScript code in another file having a .js extension and then link the file inside the or tag of the HTML file in which we want to add this code.
Ví dụ. Ví dụ này mô tả việc sử dụng Javascript nội bộ
HTML
Example Web Page with JavaScript
22
Example Web Page with JavaScript
23
Example Web Page with JavaScript
24
Example Web Page with JavaScript
25
Example Web Page with JavaScript
26
Example Web Page with JavaScript
23Hi Geeks, Welcome to GfG0
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23____64Hi Geeks, Welcome to GfG5
Hi Geeks, Welcome to GfG4
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG8
Hi Geeks, Welcome to GfG0____125
Example Web Page with JavaScript
26
Example Web Page with JavaScript
23
Example Web Page with JavaScript
33
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23____137
Example Web Page with JavaScript
38
Example Web Page with JavaScript
37
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23____193
Example Web Page with JavaScript
25
Example Web Page with JavaScript
95Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
97Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
99Hi Geeks, Welcome to GfG2
Hi Geeks, Welcome to GfG8
Example Web Page with JavaScript
93
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG8
Example Web Page with JavaScript
33____125
Example Web Page with JavaScript
26Hi Geeks, Welcome to GfG8
Example Web Page with JavaScript
24
Example Web Page with JavaScript
25đầu ra
Hi Geeks, Welcome to GfG
Ví dụ. Ví dụ này mô tả việc sử dụng Javascript bên ngoài
HTML
Example Web Page with JavaScript
22
Example Web Page with JavaScript
23
Example Web Page with JavaScript
24
Example Web Page with JavaScript
25
Example Web Page with JavaScript
26
Example Web Page with JavaScript
23Hi Geeks, Welcome to GfG0
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23____64
Example Web Page with JavaScript
242Hi Geeks, Welcome to GfG4
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG8
Hi Geeks, Welcome to GfG0____125
Example Web Page with JavaScript
26
Example Web Page with JavaScript
23
Example Web Page with JavaScript
33
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23____137
Example Web Page with JavaScript
38
Example Web Page with JavaScript
37
Example Web Page with JavaScript
257
Example Web Page with JavaScript
95Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23
Example Web Page with JavaScript
93
Example Web Page with JavaScript
262
Example Web Page with JavaScript
263
Example Web Page with JavaScript
264
Example Web Page with JavaScript
265
Example Web Page with JavaScript
93
Example Web Page with JavaScript
267Hi Geeks, Welcome to GfG8
Example Web Page with JavaScript
33____125
Example Web Page with JavaScript
26Hi Geeks, Welcome to GfG8
Example Web Page with JavaScript
24
Example Web Page with JavaScript
25tệp bên ngoài. GfG. js
Javascript
Example Web Page with JavaScript
235
Example Web Page with JavaScript
236____1237đầu ra.
Hi Geeks, Welcome to GfG
JavaScript bên ngoài là gì?
External JavaScript is when the JavaScript Code[script] is written in another file having an extension .js and then we link this file inside the or tag of our HTML file in which the code is to be added. The use of external JavaScript is more practical when the same code is to be used in many different web pages. Using an external script is easy , just put the name of the script file[our .js file] in the src [source] attribute of tag. External JavaScript file can not contain tags.
cú pháp.
Example Web Page with JavaScript
3Giá trị thuộc tính
- loại. Nó được sử dụng để chỉ định loại tập lệnh MIME và xác định nội dung của Thẻ. Nó có một giá trị mặc định là “ văn bản/javascript” .
- src. Nó được sử dụng để chỉ định URL của an tệp JavaScript bên ngoài.
- không đồng bộ. Nó là một thuộc tính boolean. Khi xuất hiện, nó chỉ định rằng tập lệnh sẽ được thực thi không đồng bộ khi có sẵn.
- trì hoãn. Đó là một thuộc tính boolean that được sử dụng để chỉ định rằng tập lệnh được thực thi khi trang đã hoàn tất quá trình phân tích cú pháp.
- chính trực. Nó được sử dụng để cấp quyền cho Trình duyệt kiểm tra tập lệnh đã tìm nạp để đảm bảo mã nguồn không bao giờ được tải.
- chính sách giới thiệu. Nó được sử dụng để chỉ định thông tin tham chiếu sẽ được gửi đến máy chủ khi tìm nạp tập lệnh.
Multiple script files can also be added to one page using several tags.
Example Web Page with JavaScript
9Ví dụ. Ví dụ này mô tả việc sử dụng các tệp Javascript bên ngoài trong đó một con trỏ di chuyển văn bản cụ thể sau đó văn bản thay đổi thành một văn bản khác
HTML
Example Web Page with JavaScript
22
Example Web Page with JavaScript
23
Example Web Page with JavaScript
24
Example Web Page with JavaScript
25
Example Web Page with JavaScript
26
Example Web Page with JavaScript
23Hi Geeks, Welcome to GfG0
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23____64Hi Geeks, Welcome to GfG09
Hi Geeks, Welcome to GfG4
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23____614
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Hi Geeks, Welcome to GfG17
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG19
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG21
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG23
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG25
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG27
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG29
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG31
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG33
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG35
Hi Geeks, Welcome to GfG18
Hi Geeks, Welcome to GfG37
Hi Geeks, Welcome to GfG2
Hi Geeks, Welcome to GfG39
Hi Geeks, Welcome to GfG2
Hi Geeks, Welcome to GfG8
Hi Geeks, Welcome to GfG14
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG8
Hi Geeks, Welcome to GfG0____125
Example Web Page with JavaScript
26
Example Web Page with JavaScript
23
Example Web Page with JavaScript
33
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23
Example Web Page with JavaScript
37 Hi Geeks, Welcome to GfG54
Example Web Page with JavaScript
263Hi Geeks, Welcome to GfG56____138
Example Web Page with JavaScript
37
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG2
Example Web Page with JavaScript
23
Example Web Page with JavaScript
93
Example Web Page with JavaScript
262
Example Web Page with JavaScript
263
Example Web Page with JavaScript
264
Example Web Page with JavaScript
265
Example Web Page with JavaScript
93
Example Web Page with JavaScript
25Hi Geeks, Welcome to GfG8
Example Web Page with JavaScript
33____125
Example Web Page with JavaScript
26Hi Geeks, Welcome to GfG8
Example Web Page with JavaScript
24
Example Web Page with JavaScript
25mã JS
GfG. js
Hi Geeks, Welcome to GfG76
Hi Geeks, Welcome to GfG77
Example Web Page with JavaScript
237Hi Geeks, Welcome to GfG79
Hi Geeks, Welcome to GfG80
Hi Geeks, Welcome to GfG81
Hi Geeks, Welcome to GfG82
Hi Geeks, Welcome to GfG83
Hi Geeks, Welcome to GfG84
Hi Geeks, Welcome to GfG85
Example Web Page with JavaScript
236Hi Geeks, Welcome to GfG87
Hi Geeks, Welcome to GfG88
đầu ra. Khi con trỏ đã di chuột vào phần tử, văn bản bên trong phần tử [i. e GeekforGeeks] thay đổi thành “Xin chào các chuyên viên máy tính, Chào mừng đến với GfG”.