Cac lenh window trong javascript

Trong bài này chúng ta sẽ tìm hiểu đối tượng window trong Javascript, qua đó sẽ giúp bạn biết được danh sách các phương thức và thuộc tính của window object.

Open

window.close[] - đòng cửa sổ

Sau khi mở cửa sổ thì để đóng cửa sổ đó chúng ta sử dụng lệnh windowObj.close[], trong đó windowObj là cửa sổ mà ta sử dụng lệnh window.open[] tạo ra.

    
      
        
        var windowChild = null;
        
        function openWindow[]
        {
          	windowChild = window.open['//freetuts.net', "windowChild", "width=500, height=500"];
        	return false;
        }
        
        function closeWindow[]
        {
          	windowChild.close[]
        	return false;
        }
      
      Open
      Close
    

window.moveTo[] - di chuyển cửa sổ

Sau khi mở một cửa sổ nếu muốn di chuyển nó thì ta dùng lệnh windowObj.moveTo[top, left], trong đó:

• top: là số pixels so với lề trên
• left: là số pixels so với lề trái

Ví dụ:

    
      
        
        var windowChild = null;
        
        function openWindow[]
        {
          	windowChild = window.open['//freetuts.net', "windowChild", "width=500, height=500"];
        	return false;
        }
        
        function moveWindow[]
        {
          	windowChild.moveTo[500, 100];
          	windowChild.focus[];
        	return false;
        }
      
      Open
      Move
    

window.resizeTo[] - thay đổi kích thước cửa sổ

Lúc mở cửa sổ bạn sẽ thiết lập height và with cho window, tuy nhiên nếu sau khi mở bạn muốn thay đổi thì sử dụng hàm windowObj.resizeTo[width, height], trong đó:

• width: chiều rộng của cửa sổ
• height: chiều cao của cửa sổ

    
      
        
        var windowChild = null;
        
        function openWindow[]
        {
          	windowChild = window.open['//freetuts.net', "windowChild", "width=500, height=500"];
        	return false;
        }
        
        function resizeWindow[]
        {
          	windowChild.resizeTo[1000, 1000];
          	windowChild.focus[];
        	return false;
        }
      
      Open
      Resize
    

window.location.href - lấy url website

Nếu bạn muốn lấy đường dẫn hiện tại của trang web thì sử dụng lệnh sau.

let url = window.location.href;

4. Lời kết

Trong các ví dụ ở phần moveTo[] và resizeTo[] mình không có demo bởi vì trình duyệt đã chặn hai phương thức này, nên bạn hãy copy code vào file của bạn rồi chạy nhé.

Vẫn còn một số phương thức nữa nhưng bài này mình chỉ đề cập tới bấy nhiêu là quá đủ cho bạn học rồi, nếu cần thiết thì bạn có thể sử dụng google để tra cứu thêm. Và việc sử dụng đối tượng window để mở các cửa sổ không còn thông dụng nữa, mà thay vào đó người ta sử dụng một kỹ thuật khác đó là xây dựng popup, nhìn sẽ chuyên nghiệp và đẹp hơn.