[học javascript p1] javascript là gì
JavaScript là gì?
JavaScript là ngôn ngữ lập trinh cho website. Javascript giúp tăng tính tương tác của người dùng và website. Khiến cho website của bạn trở nên thực sự thông minh.
Tất cả các trang HTML đều sử dụng JavaScript. dù trên mọi trình duyệt và các hệ điều hành khác nhau thì đều sử dụng javascipt như một ngôn ngữ kịch bản cho website
JavaScript là rất dễ để học. cú pháp đơn giản dễ học câu lệnh gần gũi với con người và đặc biệt bạn đã khá quen với các ứng dụng của javascipt trong cuộc sống hàng ngày cũng như trên các website hay dùng.
Javascript là có mọi nơi trên một website.
Tại sao lại học JavaScript?
JavaScript là một trong 3 ngôn ngữ mà tất cả mọi lập trình viên cho nền tảng web cần phải học nó:
1. HTML để viết nội dung cho một website
2. CSS để định dạng layout cho website
3. JavaScript là ngôn ngữ làm tăng khả năng tương tác của người dùng và website
Trong tutorial này chúng ta sẽ học về JavaScript, và cách JavaScript làm việc với HTML và CSS.
JavaScript làm được những gì?
- Javascript có thể thay đổi nội dung của html
- Javascript có thể thay đổi thuộc tính của html
- Javascript có thể thay đổi style css của html
- Javascript có thể của validate data form
- Javascript có thể làm nhiều hơn thế hãy cùng chúng tôi cùng tìm hiều về nó trong những phần tiếp theo
- …..
JavaScript thêm vào đâu trong trang web?
JavaScript có thể đặt trong cặp thẻ <body> và trong cặp thẻ <head> của trang web.
JavaScript trong Thẻ <script>
Trong HTML, code JavaScript nên được viết giữa cặp thẻ <script> và </script>.
<script>
document.getElementById(“demo”).innerHTML = “javascript là gì?“;
</script>
Ở những trình duyệt cũ chúng ta thêm thuộc tính như sau: <script type=”text/javascript”>. Nhưng giờ có thể thêm hoặc không thêm cũng không sao.
JavaScript trong thẻ <head>
Trong ví dụ dưới đây, một hàm của JavaScript được đặt trong cặp thẻ <head> của html.
Hàm này sẽ được gọi khi button là được click chuột:
<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
document.getElementById(“demo”).innerHTML = “Javascirpt là gì.”;
}
</script>
</head>
<body>
<h1>website của bạn</h1>
<p id=“demo”>nội dung bạn viết</p>
<button type=“button” onclick=“myFunction()”>Click vào đây</button>
</body>
</html>
JavaScript trong thẻ <body>
Trong ví dụ dưới đây, một hàm của JavaScript được đặt trong cặp thẻ <body> của html.
Hàm này sẽ được gọi khi button là được click chuột:
<!DOCTYPE html>
<html>
<head>
<head>Javascirpt là gì?</head>
</head>
<body>
<h1>website của bạn</h1>
<p id=“demo”>Nội dung bạn viết</p>
<button type=“button” onclick=“myFunction()”>Click vào đây</button>
<script>
function myFunction() {
document.getElementById(“demo”).innerHTML = “Javascirpt là gì.”;
}
</script>
</body>
</html>
Tải JavaScript từ file bên ngoài
Javascript có thể được viết và được đặt ở các tập tin bên ngoài. Việc sử dụng viết mã javascript ở bên ngoài các file bên ngoài nhằm tái sử dụng mã javascript mà không phải viết đi viết lại hàm thực hiện chung một nhiệm vụ ở các trang khác nhau. JavaScript files có đuôi mở rộng là .js. Để có thể sử dụng được mã javascript trong html bạn . Bạn đặt tên của file js và trong thuộc tính của thẻ <script> như ví dụ dưới đây:
<!DOCTYPE html>
<html>
<body>
<script src=“myScript.js”></script>
</body>
</html>
Như ví dụ trên bạn có thể đặt files javascript trong cặp thẻ <head> thay vì trong cặp thẻ <body> như trên
Lợi ích sử dụng files javascript từ bên ngoài.
Việc tải files javascript từ bên ngoài có một vài lợi ích như sau:
- Nhằm tách phần mã code html làm cho mã code trở nên rõ ràng hơn.
- Nó giúp cho mã html và javascript trở nên rõ ràng hơn và dễ dàng chỉnh sửa cũng như nâng cấp.
- Cached JavaScript files giúp cho việc tải website trở nên nhanh hơn.
Rất mong bài viết trên sẽ giúp cho bạn có cái nhìn tổng quát về ngôn ngữ javascript. Javascript là gì và nó hoạt động như thế nào và đặt javascript ở đâu,..
Chúc các bạn nhanh học được ngôn ngữ javascript giúp các bạn tăng khả năng tương tác của website của mình với người dùng và website của bạn sẽ trở nên thông minh hơn,..
Nếu thấy bài viết hay mình rất mong các bạn chia sẻ với những người khác nữa
Tổng Hợp: Tổng hợp lập trình học javascript cơ bản đến nâng cao, Tutorial về hướng dẫn javascript từ A-Z
Nguồn: Vnfit.com
Bài đăng
0 nhận xét:
Đăng nhận xét