Thiết kế web

Bài 27 : Sử dụng script trong thiết kế web

Được viết bởi Thiet ke web   
Chủ nhật, 31 Tháng 1 2010 22:52

Thêm script vào tài liệu thiết kế web sẽ giúp website trở nên sống động hơn.

 


Ví dụ :

Insert a script
Chèn một script vào html

Work with browsers that do not support scripts
Làm việc với trình duyệt không hỗ trợ script


Chèn script vào tài liệu html

Một script trong html được định nghĩa bởi thẻ <script>. Bạn phải sử dụng loại thuộc tính để chỉ ra ngôn ngữ script.

<html>
<body>

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

</body>
</html>

Script này sẽ hiển thị:

Hello World!

Chú ý: Để học nhiều hơn về script, bạn có thể xem thêm ở đây  JavaScript School.


Trình duyệt web cũ

Một trình duyệt không nhận ra thẻ <script> sẽ hiển thị nội dung thẻ <script> trên website. Để chặn trình duyệt xuất hiện điều này, bạn nên dấu script trong thẻ chú thích. Một trình duyệt cũ (không nhận ra thẻ script) sẽ bỏ qua những nội dung scirpt trong thẻ chú thích, trong khi trình duyệt mới hiểu script sẽ thực thi script ngay cả khi nội dung script được viết trong thẻ chú thích.

Ví dụ :

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

VBScript:
<script >
<!--
document.write("Hello World!")
'-->
</script>

 


Thẻ <noscript>

Để dấu script bên trong thẻ chú thích , bạn có thể thêm thẻ <noscript>.

Thẻ <noscript> được sử dụng đối với những trình duyệt nhận ra thẻ <script>, nhưng không hỗ trợ script bên trong,do đó những trình duyệt này sẽ xuất nội dụng text bên trong thẻ noscript. Tuy nhiên nếu trình duyệt hiểu script bên trong thẻ <script> sẽ bị bỏ qua bởi thẻ <noscript>.

Example

JavaScript:
<script>
<!--
document.write("Hello World!")
//-->
</script>
<noscript>Your browser does not support JavaScript!</noscript>

VBScript:
<script >
<!--
document.write("Hello World!")
'-->
</script>
<noscript>Your browser does not support VBScript!</noscript>

 


Thẻ script

Thẻ

Diễn tả

<script>

Định nghĩa một script

<noscript>

Xuất hiện text nếu script không được thực thi

<object>

Định nghĩa một đối tượng

<param>

Định nghĩa tham số cho đối tượng

<applet>

Không còn hỗ trợ, sử dụng <object> để thay thế.