Nếu như HTML: giúp bạn thêm nội dung web, CSS giúp bạn thiết kế bố cục, căng lề trang, phong cách hay làm đẹp cho trang web...
Dùng JS chúng ta có thể thêm những tính năng tuyệt vời, cải thiện hoạt động, hiệu ứng và giúp người dùng có những trãi nghiệm hay ho.
+JS là ngôn ngữ kịch bản có thể chạy trực tiếp mà ko cần biên dịch ra 1 định dạng file khác.
+Code nằm trong thẻ script.
<script type=”text/javascript”>
// JavaScript goes here
</script>
+Trong HTML,JS có thể nằm trong thẻ head hoặc body...
<!doctype html>
<html>
<head>
<title>Another Basic Page</title>
<script type=”text/javascript”>
// JavaScript goes here
</script>
</head>
<body>
<h1>Here’s another basic page</h1>
<script type=”text/javascript”>
// JavaScript can also go here
</script>
</body>
</html>
+ Sử dụng thuộc tính src để nhúng file nằm bên ngoài:
<script type=”text/javascript”
src=”externalfile.js”></script>
+ xuất ra 1 thông báo:
<script type="text/javascript">
alert("hello");
</script>
+Xuất giá trị của biến:
<script>
var myVariable = 4;
alert(myVariable);
</script>
+ Nối chuỗi trong JS ta dùng dấu cộng:
<script type="text/javascript">
var myString = "Partly" + "Cloudy";
alert(myString);
</script>
+ Vòng lặp trong JS:
<script type="text/javascript">
for ($i = 0; $i < 3; $i++) {
alert("The variable i is currently set to "+ $i);
}
</script>
+ Tạo và goi hàm:
<script>
function addNumbers(num1,num2) {
alert(num1+num2);
}
addNumbers(49,2);
</script>
+ Hàm trả trị về:
<script type=”text/javascript”>
function addNumbers(num1,num2) {
var result = num1+num2;
return result;
}
var myResult = addNumbers(49,2);
</script>
+ Tạo object và truy xuất thuộc tính:
<script type="text/javascript">
var ball = {
"color": "white",
"type": "baseball"
};
alert(ball.color);
</script>
+ Thêm thuộc tính:
<script type="text/javascript">
var ball = {
"color": "white",
"type": "baseball"
};
ball.weight=15;
alert(ball.weight);
</script>
+In tất cả các thuôc tính dùng for:
<script type="text/javascript">
var ball = {
"color": "white",
"type": "baseball"
};
ball.weight=15;
for(var pro in ball){
alert(ball[pro]);
}
</script>
+ Truy xuất phần tử HTML bằng phương thức GetElementById(); sử dụng thuộc tính innerHTML để thay đổi nội dung HTML
<body>
<div id="mydiv">hello</div>
<script type="text/javascript">
var obj=document.getElementById("mydiv");
alert("The content is "+ obj.innerHTML);
</script>
</body>
------------------------------
<body>
<div id="mydiv">hello</div>
<script type="text/javascript">
var action = document.getElementById("mydiv");
action.style.border = "3px solid black";
action.innerHTML = "friend!";
action.innerHTML="abc";
</script>
</body>
+ Object trong JS có thể bao gồm hàm:
<body>
<div id="showname"></div>
<script type="text/javascript">
var person = {
firstname:"john",
lastname:"doe",
id:5566,
fullname: function() {
return (this.firstname+" "+this.lastname);
}
};
document.getElementById("showname").innerHTML=person.fullname();
</script>
</body>
No comments:
Post a Comment