Thứ Sáu, 20 tháng 12, 2013

HTML Scripts




JavaScripts làm cho các trang HTML năng động hơn và tương tác.

HTML <script> Tag

Thẻ <script> được sử dụng để xác định một kịch bản phía máy khách, chẳng hạn như một JavaScript.

Các yếu tố <script> hoặc chứa các lệnh kịch bản hay nó chỉ đến một tập tin kịch bản bên ngoài thông qua các thuộc tính src.

Sử dụng phổ biến cho JavaScript là thao tác hình ảnh, hình thức xác nhận, và những thay đổi năng động của nội dung.

Kịch bản dưới đây viết Xin chào thế giới! để đầu ra HTML:

Ví dụ

<script>
document.write("Hello World!")
</script>

Thử nó cho mình »


HTML <noscript> Tag

Thẻ <noscript> được sử dụng để cung cấp một nội dung thay thế cho những người dùng có kịch bản bị vô hiệu hóa trong trình duyệt của họ hoặc có một trình duyệt không hỗ trợ client-side scripting.

Các yếu tố <noscript> có thể chứa tất cả các yếu tố mà bạn có thể tìm thấy bên trong phần tử body của một trang HTML bình thường.

Nội dung bên trong phần tử <noscript> sẽ chỉ được hiển thị nếu kịch bản không được hỗ trợ, hoặc bị tắt trong trình duyệt người dùng:

Ví dụ

<!DOCTYPE html>
<html>
<body>

<script>
document.write("Hello World!")
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

<p>A browser without support for JavaScript will show the text in the noscript element.</p>
</body>
</html>

Thử nó cho mình »


Một vị giác của JavaScript (Từ của chúng tôi JavaScript Hướng dẫn)

Dưới đây là một số ví dụ về những gì JavaScript có thể làm:

JavaScript có thể viết trực tiếp vào dòng đầu ra HTML:

<!DOCTYPE html>
<html>
<body>

<p>
JavaScript can write directly into the HTML output stream:
</p>

<script>
document.write("<h1>This is a heading</h1>");
document.write("<p>This is a paragraph.</p>");
</script>

<p>
You can only use <strong>document.write</strong> in the HTML output.
If you use it after the document has loaded (e.g. in a function), the whole document will be overwritten.
</p>

</body>
</html>

Thử nó cho mình »

JavaScript có thể phản ứng với các sự kiện:

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript can react to events. Like the click of a button.
</p>

<script>
function myFunction()
{
document.getElementById("demo").innerHTML="Hello JavaScript!";
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html> 

Thử nó cho mình »

JavaScript có thể thao tác phong cách HTML:

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p id="demo">
JavaScript can change the style of an HTML element.
</p>

<script>
function myFunction()
{
x=document.getElementById("demo") // Find the element
x.style.color="#ff0000";          // Change the style
}
</script>

<button type="button" onclick="myFunction()">Click Me!</button>

</body>
</html> 

Thử nó cho mình »
Các tin khác

Không có nhận xét nào:

Đăng nhận xét