Thứ Hai, 13 tháng 1, 2014

JavaScript Giới thiệu

JavaScript là ngôn ngữ lập trình phổ biến nhất trên thế giới.
Nó là ngôn ngữ HTML, cho các trang web, cho các máy chủ, máy tính, máy tính xách tay, máy tính bảng, điện thoại, và nhiều hơn nữa.

JavaScript là một ngôn ngữ kịch bản

Một ngôn ngữ kịch bản là một ngôn ngữ lập trình nhẹ.
JavaScript là mã lập trình có thể được chèn vào các trang HTML.
Mã JavaScript có thể được thực hiện bởi tất cả các trình duyệt web hiện đại.
JavaScript là dễ học.

Những gì bạn sẽ học

Dưới đây là một hương vị của những gì bạn sẽ được học trong hướng dẫn này.

JavaScript: Viết vào HTML đầu ra

Ví dụ

<!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 »

GhiBạn chỉ có thể sử dụng document.write trong đầu ra HTML. Nếu bạn sử dụng nó sau khi tài liệu đã được nạp, toàn bộ tài liệu sẽ được ghi đè.


JavaScript: Phản ứng với sự kiện

Ví dụ

<button type="button" onclick="alert('Welcome!')">Click Me!</button>

Thử nó cho mình »
Cảnh báo () chức năng là không được sử dụng nhiều trong JavaScript, nhưng nó là khá thuận tiện cho thử mã.
Sự kiện onclick chỉ có một trong những sự kiện HTML nhiều bạn sẽ tìm hiểu về trong hướng dẫn này là.

JavaScript: Thay đổi nội dung HTML

Sử dụng JavaScript để thao tác các nội dung của các phần tử HTML là rất phổ biến.

Ví dụ

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

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

<script>
function myFunction()
{
x=document.getElementById("demo");  // Find the element
x.innerHTML="Hello JavaScript!";    // Change the content
}
</script>

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

</body>
</html>

Thử nó cho mình »

Bạn sẽ thường thấy document.getElementById (" một số id ") . Điều này được định nghĩa trong HTML DOM.

DOM ( D ocument O bject M odel) là tiêu chuẩn của W3C để truy cập các phần tử HTML.
Bạn sẽ tìm thấy một số chương về HTML DOM trong hướng dẫn này.

JavaScript: Thay đổi hình ảnh HTML

Ví dụ này tự động thay đổi nguồn (src) thuộc tính của một phần tử HTML <image>:

Bóng đèn ánh sáng

<!DOCTYPE html>
<html>
<body>
<script>
function changeImage()
{
element=document.getElementById('myimage')
if (element.src.match("bulbon"))
  {
  element.src="pic_bulboff.gif";
  }
else
  {
  element.src="pic_bulbon.gif";
  }
}
</script>

<img id="myimage" onclick="changeImage()"
src="pic_bulboff.gif" width="100" height="180">

<p>Click the light bulb to turn on/off the light</p>

</body>
</html>
Click the light bulb to turn on/off the light

Thử nó cho mình »

Với JavaScript, bạn có thể thay đổi gần như bất kỳ thuộc tính HTML.

JavaScript: Thay đổi kiểu HTML

Thay đổi phong cách của một phần tử HTML, là một biến thể của việc thay đổi một thuộc tính HTML.

Ví dụ

<!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 »


JavaScript: Xác nhận đầu vào

JavaScript thường được sử dụng để xác nhận đầu vào.

Ví dụ

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<p>Please input a number.</p>

<input id="demo" type="text">

<script>
function myFunction()
{
var x=document.getElementById("demo").value;
if(x==""||isNaN(x))
{
alert("Not Numeric");
}
}
</script>

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

</body>
</html> 


Thử nó cho mình »


Bạn có biết?

GhiJavaScript và Java là hai ngôn ngữ hoàn toàn khác nhau, trong cả hai khái niệm và thiết kế.
Java (phát minh bởi Sun) là một ngôn ngữ lập trình phức tạp hơn trong cùng thể loại như C. ECMA-262 là tên chính thức của tiêu chuẩn JavaScript. JavaScript được phát minh bởi Brendan Eich. Nó xuất hiện trong Netscape (một trình duyệt không còn tồn tại) vào năm 1995, và đã được thông qua bởi ECMA (một hiệp hội tiêu chuẩn) từ năm 1997.


Các tin khác

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

Đăng nhận xét