Thứ Hai, 13 tháng 1, 2014
JavaScript Làm thế nào để
JavaScripts HTML phải được chèn vào giữa script và </ script>.
JavaScripts có thể được đặt trong body và trong phần <head> của một trang HTML.
Tag <script>
Để chèn một đoạn mã JavaScript vào một trang HTML, sử dụng thẻ script.
<script> Và </ script> cho nơi JavaScript bắt đầu và kết thúc.
Ranh giới giữa các script và </ script> chứa các JavaScript:
<script>
alert("My First JavaScript");
</script>
alert("My First JavaScript");
</script>
Bạn không cần phải hiểu các mã trên. Chỉ cần mang nó cho một thực tế, trình duyệt sẽ giải thích và thực thi mã JavaScript giữa các script và </ script>.
 | Ví dụ cũ có thể có type = "text / javascript" trong thẻ script. Này không còn cần thiết. JavaScript là ngôn ngữ kịch bản mặc định trong tất cả các trình duyệt hiện đại và trong HTML5. |
|---|
JavaScript trong <body>
Trong ví dụ này, JavaScript viết vào <body> HTML trong khi tải trang:
Ví dụ
<!DOCTYPE html>
<html>
<body>
.
.
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>.
.
</body>
</html>
<html>
<body>
.
.
<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph</p>");
</script>.
.
</body>
</html>
Thử nó cho mình »
Chức năng JavaScript và Sự kiện
Các báo cáo JavaScript, trong ví dụ trên, được thực hiện trong khi tải trang.
Thường xuyên hơn, chúng tôi muốn thực thi mã khi một sự kiện xảy ra, như khi người dùng nhấn một nút.
Nếu chúng ta đặt mã JavaScript bên trong một chức năng , chúng ta có thể gọi là chức năng khi một sự kiện xảy ra.
Bạn sẽ học được nhiều hơn về chức năng JavaScript và các sự kiện trong chương sau.
JavaScript trong <head> hoặc <body>
Bạn có thể đặt một số lượng không giới hạn của các kịch bản trong một tài liệu HTML.
Các kịch bản có thể được trong <body> hoặc trong phần <head> của HTML, và / hoặc cả hai.
Đó là một thực tế phổ biến để đặt các chức năng trong phần <head>, hoặc ở dưới cùng của trang. Bằng cách này, họ là tất cả ở một nơi và không can thiệp vào nội dung trang.
Một chức năng JavaScript trong <head>
Trong ví dụ này, một chức năng JavaScript được đặt trong phần head của một trang HTML.
Hàm được gọi khi một nút được nhấp:
Ví dụ
<!DOCTYPE html>
<html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
</body>
</html>
</html>
Thử nó cho mình »
Một chức năng JavaScript trong <body>
Trong ví dụ này, một chức năng JavaScript được đặt trong phần body của một trang HTML.
Hàm được gọi khi một nút được nhấp:
Ví dụ
<!DOCTYPE html>
<html>
<body>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph</p>
<button type="button" onclick="myFunction()">Try it</button>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</body>
</html>
</html>
Thử nó cho mình »
JavaScripts bên ngoài
Kịch bản cũng có thể được đặt trong các tập tin bên ngoài. Tập tin bên ngoài thường chứa mã được sử dụng bởi các trang web khác nhau.
Tập tin JavaScript bên ngoài có phần mở rộng tập tin. Js.
Sử dụng một kịch bản bên ngoài, điểm đến các tập tin trong "src" thuộc tính của thẻ script js.:
Ví dụ
<!DOCTYPE html>
<html>
<body>
<h1>My Web Page</h1>
<p id="demo">A Paragraph.</p>
<button type="button" onclick="myFunction()">Try it</button>
<p><strong>Note:</strong> myFunction is stored in an external file called "myScript.js".</p>
<script src="myScript.js"></script>
</body>
</html>
Thử nó cho mình »
Bạn có thể đặt các tập lệnh trong <head> hoặc <body> như bạn muốn. Kịch bản sẽ hoạt động như thể nó đã được đặt chính xác nơi bạn đặt các thẻ script trong tài liệu.
| Kịch bản bên ngoài không thể chứa các thẻ script. |
|---|
Đăng ký:
Đăng Nhận xét (Atom)
Không có nhận xét nào:
Đăng nhận xét