Javascript rất linh hoạt để thêm vào một file HTML, tuy nhiên dưới đây là một số cách thường hay được sử dụng để chèn, thêm Javascript vào:
Viết đoạn code sau đây và thử chạy để xem kết quả:
Dưới đây là một ví dụ cho các bạn cách để thêm một file Javascript từ bên ngoài vào file HTML:
Lưu ý khi viết code javascript vào file .js thì bạn không cần sử dụng cặp thẻ <script type="text/javascript> ... </script>
Trên đây là bài viết hướng dẫn cách đặt Javascript trong file HTML. Bất cứ thắc mắc về bài hướng sẽ được giải đáp bằng cách comment vướng mắc của bạn ở phía dưới.
- Đặt trong cặp thẻ <head> ... </head>
- Đặt trong cặp thẻ <body> ... </body>
- Đặt trong cặp thẻ <head> ... </head> và <body> ... </body>
- Viết javascript trong một file .js bên ngoài và chèn vào cặp thẻ <head> ... </head>
![]() |
Bài 3: Vị trí đặt Javascript trong HTML |
Javascript trong cặp thẻ <head> ... </head>:
<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
Javascript trong cặp thẻ <body> ... </body>:
Trong trường hợp bạn cần tạo ra nội dung hiển thị ngay trên trang thì sẽ đặt script vào cặp thẻViết đoạn code sau đây và thử chạy để xem kết quả:
<body> ... </body>
<html>
<head>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<p>This is web page body </p>
</body>
</html>
Javascript trong cặp thẻ <head> và <body>:
Bạn có thể đặt Javascript vào cặp thẻ <head> và <body> như sau:<html>
<head>
<script type="text/javascript">
<!--
function sayHello() {
alert("Hello World")
}
//-->
</script>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World")
//-->
</script>
<input type="button" onclick="sayHello()" value="Say Hello" />
</body>
</html>
Javascript từ một file bên ngoài:
Khi bạn có một lượng code Javascript lớn thì việc chèn trực tiếp vào file HTML có thể làm cho file HTML nhiều lên gây rối rắm và khó quản lý được. Vì vậy có một cơ chế cho phép việc lưu trữ Code từ một file bên ngoài và được thêm vào file HTML một cách dễ dàng là sử dụng thẻ <script...>.Dưới đây là một ví dụ cho các bạn cách để thêm một file Javascript từ bên ngoài vào file HTML:
<html>Trong đó filename.js là file javascript được tạo và lưu trữ ở bên ngoài.
<head>
<script type="text/javascript" src="filename.js" ></script>
</head>
<body>
.......
</body>
</html>
Lưu ý khi viết code javascript vào file .js thì bạn không cần sử dụng cặp thẻ <script type="text/javascript> ... </script>
Trên đây là bài viết hướng dẫn cách đặt Javascript trong file HTML. Bất cứ thắc mắc về bài hướng sẽ được giải đáp bằng cách comment vướng mắc của bạn ở phía dưới.
Comments
Post a Comment