loading...
02-05-2010 10:44

Cách mở cửa sổ mới(popup window) trong trình duyệt bằng javascript

 

Bài viết sẽ hướng dẫn các bạn cách đơn giản để mở một popup window bằng Javascript.

1

Với HTMl, bạn có thể mở một cửa sổ mới trong trình duyệt bằng cách sử dụng target="_blank" trong liên kết. Tuy nhiên với cách này bạn không thể thiết lập độ rộng(width), cao(height), vị trí(position) và các thuộc tính khác.

2

Để mở một cửa sổ mới, chúng ta dùng một hàm javascript như sau:

window.open('mywin.html','name','height=255,width=250,

continued from previous line toolbar=no,directories=no,status=no,menubar=no,

continued from previous line scrollbars=no,resizable=no');

Tham số đầu tiên "mywin.html" là tên của file chứa nội dung sẽ hiển thị trong cửa sổ được mở ra.

Tham số thứ 2 "name" là tên của cửa sổ. Nếu tên này trùng với tên của một cửa sổ đã được mở trước đó, cửa sổ mới sẽ không được mở ra nhưng nội dung của "mywin.html" sẽ được hiển thị trong cửa sổ cũ.

Tham số thứ 3 thể hiện độ rộng(width), độ cao(height), cách hiển thị toolbar, cho phép thay đổi kích thước cửa sổ hoặc không,...

3

Để đóng cửa sổ này, bạn gọi phương thức:

self.close();

Chia sẻ:
Từ khóa:
loading...

Bình luận