II. Viết mã Javascript vào trang
1. Viết trực tiếp trong trang với tag script
<script>
alert("Đã thêm sản phẩm vào giỏ hàng");
</script>
2. Viết mã javasctipt trong file riêng
a. Tạo file javascript
- Nhắp menu File ➔ New ➔ Javascript ➔ Create
- Gõ mã lệnh javascript . Ví dụ: gõ
hoten=prompt("Bạn ơi bạn tên gì?");
alert("Chào bạn " + hoten);
- Lưu file với tên mở rộng là .js
b. Liên kết file js đến trang html
- Mở 1 fle html.
- Nhắp vị trí muốn chèn (thường trong tag head) rồi vào Insert ➔ HTML ➔ Script
Object ➔ Script ➔ Chọn file javascript
- Nhắp vị trí muốn chèn (thường trong tag head) rồi vào Insert ➔ HTML ➔ Script
Object ➔ Script ➔ Chọn file javascript
3. Sử dụng javascript trong sự kiện của các tag
Mỗi tag đều có một số sự kiện, bạn có thể sử dụng javascript khi các sự kiện này xảy ra.
Mở file js1.html
a. Đưa chuột vào hình trái tim, sẽ đổi thành hình khác, chuột ra trở lại hình cũ
Nhắp hình trái tim rồi qua code, bổ sung vào tag img như sau :
<img width=91 height=121 hspace=5 align="left" id="traitim" src="Images/1.jpg"
onmouseover="this.src='images/traitim.jpg'" onmouseout="this.src='images/1.jpg'" />
b. Nhắp chuột vào textfield tim kiếm, chữ tìm kiếm trong đó sẽ biến mất
Nhắp text field tim rồi qua code, bổ sung để được như sau :
<input onclick="this.value=''" onblur="this.value=''" name=tim type=text id=tim
value="Tìm kiếm" />
4. Lab sử dụng một số javascript hữu dụng
Bạn mở file js_HuongDan.doc để xem
5. Website javascript
- www.dynamicdrive.com: Nhiều javacript hay
- www.w3schools.com: Nhiều bài học, ví dụ rất dễ hiểu và javascript, php, css, xml…
- http://www.htmlgoodies.com/
hi
ReplyDelete