24/05/2018, 22:01

Thực hành sử dụng những đối tượng cơ bản trong JavaScript

Kết thúc chương này,bạn có thể: Sử dụng những câu lệnh điều khiển đối tượng Sử dụng những đối tượng cơ bản String Math Date Các bước trong chương này được trình bày rất chi tiết, đầy ...

Kết thúc chương này,bạn có thể:

  • Sử dụng những câu lệnh điều khiển đối tượng
  • Sử dụng những đối tượng cơ bản
  • String
  • Math
  • Date

Các bước trong chương này được trình bày rất chi tiết, đầy đủ và rõ ràng. Bạn sẽ hiểu rõ hơn những nội dung trong bài lý thuyết và cách sử dụng công cụ. Hãy thực hiện theo các bước dưới đây một cách cẩn thận.

Trong buổi thực hành này chúng ta sẽ thực thi một số chương trình JavaScript để làm rõ những khái niệm đã học.

Sử dụng đối tượng String
  1. Mở notepad hoặc hoặc một trình soạn thảo khác
  2. Nhập vào đoạn mã sau:
    <HTML>
      <BODY bgColor = white>
    
         <SCRIPT LANGUAGE = "JavaScript">
    	str1=new String("HELLO");
    	str2=new String("world");
    
    	document.write("Str1 in lower case: "+ str1.toLowerCase());
    	document.write("<BR>");
    	document.write("Str2 in UPPER case: "+ str2.toUpperCase());
    	document.write("<BR>");
            document.write("Charater at 4th position in Str2 is: "+ str2.charAt(4));
    	document.write("<BR>");
    	document.write("Lenth of Str1 is: " + str1.length);
         </SCRIPT>
    
       </BODY>
    </HTML>
       

Kết quả ví dụ 1

Sử dụng đối tượng Date
  1. Mở notepad hoặc hoặc một trình soạn thảo khác
  2. Nhập vào đoạn mã sau:
    <HTML>
       <BODY bgColor = white>
    
          <SCRIPT LANGUAGE = "JavaScript">
    	mydate=new Date();
    
    	document.write("Todays day is: "+ mydate.getDate());
    	document.write("<BR>");
    	document.write("Month is: "+ (mydate.getMonth()+1));
    	document.write("<BR>");
    	document.write("Year is: "+ mydate.getYear());
    	document.write("<BR>");
    	document.write("System Time is: ");
    	document.write(mydate.getHours()+":"+mydate.getMinutes()+":"+mydate.getSeconds());
    
          </SCRIPT>
    
       </BODY>
    </HTML>
    
     
        
Kết quả của ví dụ 2
Sử dụng đối tượng Math
  1. Mở notepad hoặc hoặc một trình soạn thảo khác
  2. Nhập vào đoạn mã sau:
    <HTML>
       <BODY bgColor = white>
           <SCRIPT LANGUAGE = "JavaScript">
    	num1=10
    	num2=20	
    	with(Math)
            document.write("Between number 1 -"+num1+" and number 2 -"+num2+" maximum number is:  "+max(num1,num2));	
           </SCRIPT>
       </BODY>
    </HTML>
        
Kết quả ví dụ 3

Viết những chương trình JavaScript sau:

  1. Viết một script để minh họa cách sử dụng hàm eval ()

    Gợi ý:

    • Bên trong thẻ script định nghĩa hai biến
    • Gán giá trị cho nó
    • Trong hàm eval truyền vào một xâu có dạng một biểu thức công hai biến đó với một số bất kì.
    • In kết quả ra màn hình
  2. Viết một đoạn JavaScript để tính diện tích hình vuông bằng cách sử dụng toán tử New

    Gợi ý:

    • Xây dựng một hàm trong JavaScript
    • Tạo đối tượng của hàm đó và truyền hai tham số cho hàm là chiều dài và chiều rộng
    • Tính diện tích hình vuông
    • In giá trị ra màn hình
  1. Viết đoạn JavaScript để tìm:
    • Sin của một số
    • Cosin của một số
    • Tan của một số
0