 | JavaScript là một ngôn ngữ lập trình động(dynamic). Nó có thể được sử dụng để hiển thị các nội dung động. JavaScript có thể sử dụng với trang HTML trong thẻ <body> và nó được trình diễn trong thẻ <script> nằm trong thẻ <head>. |
Mã JavaScript có thể được viết thành một tập tin JS riêng biệt. Tâp tin JS này có thể được bao gồm trong trang HTML. Nó thì là một thử nghiệm tốt khi lập trình để giữ mọi thứ là riêng biệt. Trong JavaScript, chúng ta có thể tạo các hàm và mã toàn cục. Các hàn có thể được thực thi bởi các sự kiện tường minh. Các sự kiện này có thể là onClick, onFocus, onBlur, onMouseOver.
Điều quan trọng là JavaScript và HTML cả hai đều được thực thi tại trình duyệt. Thông tin khi xuất sẽ cùng tại một thời điểm.
Chúng ta sẽ xem xét cách thêm mã JavaScript. Xem cách làm thế nào để sử dụng JavaScript trong trang HTML qua một số ví dụ.
Chèn JavaScript ở đâu?
Mã JavaScript có thể chèn ở bất kỳ đâu trong trang HTML, tuy nhiên thông thường thì ta nên chèn ở trong thẻ <header> ở trước thẻ đóng </header>.
<html>
<head>
<title>VN-Lives | Where can add JavaScript in HTML page?</title>
<script>
function alertMe()
{
alert("This is javascript code");
}
</script>
</head>
<body>
</body>
</html>
<head>
<title>VN-Lives | Where can add JavaScript in HTML page?</title>
<script>
function alertMe()
{
alert("This is javascript code");
}
</script>
</head>
<body>
</body>
</html>
Chứa tập tin JS vào trang HTML.
Một cách khác để sử dụng JavaScript trong trang HTML là ta tạo riêng một tập tin JS và chứa(chèn) nó qua đường dẫn như ví dụ bên dưới.
<html>
<head>
<title>Include JavaScript in HTML page </title>
<script src="include.js"></script>
</head>
<body>
</body>
</html>
<head>
<title>Include JavaScript in HTML page </title>
<script src="include.js"></script>
</head>
<body>
</body>
</html>
Chạy mã JavaScript tự động.
Mã JavaScript trong thẻ <body> sẽ chạy một cách tự động khi trang HTML được hiển thị(load).
<html>
<head>
<title>VN-Lives | Run JavaScript code automatically.</title>
</head>
<body>
<script>
var str="VN-Lives | Run JavaScript code automatically";
alert(str);
</script>
</body>
</html>
<head>
<title>VN-Lives | Run JavaScript code automatically.</title>
</head>
<body>
<script>
var str="VN-Lives | Run JavaScript code automatically";
alert(str);
</script>
</body>
</html>
Hiển thị nội dung trang HTML bằng JavaScript.
Ví dụ này hiện thị văn bản string trong trang HTML bằng JavaScript.
<html>
<head>
<title>VN-Lives | Display text string in HTML page by JavaScript.</title>
</head>
<body>
<script>
var str="VN-Lives | Display text string in HTML page by JavaScript.";
document.write(str);
</script>
</body>
</html>
<head>
<title>VN-Lives | Display text string in HTML page by JavaScript.</title>
</head>
<body>
<script>
var str="VN-Lives | Display text string in HTML page by JavaScript.";
document.write(str);
</script>
</body>
</html>
Writer: +Bui Ngoc Son
No comments:
Post a Comment