Ngày gửi: 11/09/2008 lúc 11:17 sáng | Đã khóa IP

• 1 Khái Niệm
• 2 Thuộc Tính
  • 2.1 window.top
  • 2.2 window.self
  • 2.3 window.opener
  • 2.4 window.status
  • 2.5 window.title
• 3 Các Hàm Xử Lý Đối Tượng Window
  • 3.1 window.alert()
  • 3.2 window.prompt()
  • 3.3 window.createPopup()
  • 3.4 window.open()
  • 3.5 window.close()
  • 3.6 window.print()
  • 3.7 window.resizeTo(width,height)
  • 3.8 window.moveTo(x,y)

[sửa] Khái Niệm

Đối Tượng Dử Liệu Cửa Sổ được biểu thị bằng từ khóa window có các thuộc tính

Title , Status , top , self , opener

Các hàm xử lý Cửa sổ

Open() , Close() , alert() , prompt() , print() , resizeTo(width,height) , moveTo(x,y)

Và 2 Đối Tượng Con

location , history

[sửa] Thuộc Tính

[sửa] window.top

Thuộc tính top cho biết thông tin về vị trí của Cửa sổ là vị trí trên cùng

<script type="text/javascript">
function breakout()
  {
  if (window.top!=window.self) 
    {
    window.top.location="tryjs_breakout.htm"
    }
  }
</script>

[sửa] window.self

Thuộc tính self cho biết thông tin về vị trí của Cửa sổ là Cửa Sổ hiện thời

<script type="text/javascript">
function breakout()
  {
  if (window.top!=window.self) 
    {
    window.top.location="tryjs_breakout.htm"
    }
  }
</script>

[sửa] window.opener

Thuộc tính opener cho biết thông tin về vị trí của Cửa sổ mở cửa sổ hiện thời

<script type="text/javascript">
myWindow=window.open('','MyName','width=200,height=100')
myWindow.document.write("This is 'myWindow'")
myWindow.focus()
myWindow.opener.document.write("This is the parent window")
</script>

[sửa] window.status

Thuộc tính status cho biết thông tin trên thanh thông báo thông tin

Thí Dụ 

<script language=javascript>
window.status=Xin Chào bạn đến Trang Mạng của QTT
</script>

[sửa] window.title

Thuộc tính title cho biết thông tin về tiêu đề trang mạng của cửa sổ hiện thời

Thí Dụ 

<script language=javascript>
window.title=Xin Chào bạn đến Trang Mạng của QTT
</script>

[sửa] Các Hàm Xử Lý Đối Tượng Window

[sửa] window.alert()

alert(), hàm xử lý thông báo , là một hộp thoại thông báo về thông tin

Công Thức 

<script language=javascript>
window.alert('Thông Tin Hiển thị');
</script>

Thí Dụ 

<script language=javascript>
window.alert('Chào Thế Giới');
</script>

[sửa] window.prompt()

prompt(), hàm xử lý nhập dử liệu , là một hộp thoại dùng để nhập thông tin

Công Thức 

<script language=javascript>
window.prompt(Nhập Vào Dử Liệu,Dử Liệu Nhập)
</script>

Thí Dụ 

<script language=javascript>
window.prompt(Tên,Qtt)
</script>

[sửa] window.createPopup()

createPopup() , hàm xử lý Cửa Sổ, dùng để tạo một cửa sổ thông tin

<script type="text/javascript">
function show_popup()
{
var p=window.createPopup()
var pbody=p.document.body
pbody.style.backgroundColor="lime"
pbody.style.border="solid black 1px"
pbody.innerHTML="This is a pop-up! Click outside to close."
p.show(150,150,200,50,document.body)
}
</script>

Mở Cửa Sổ

Công Thức 

<script language=javascript>
window.open=('Địa_Chỉ_Trang_Máng,'Tiêu Đế,'Width=Chiều_Dài,Height=Chiều_Cao,Scroll=(Thanh Cuộn)=Yes|No,')</script>

[sửa] window.open()

Mở Cửa Sổ

Công Thức 

<script language=javascript>
window.open=('Địa_Chỉ_Trang_Máng,'Tiêu Đế,'Width=Chiều_Dài,Height=Chiều_Cao,Scroll=(Thanh Cuộn)=Yes|No,')</script>

Thí Dụ 

• Mở một cửa sổ trống

<script language=javascript>
window.open();
</script>

• Mở một cửa sổ với trang mạng index.htm với chiều dài 400, chiềi ngang 400

<script language=javascript>
window.open('index.htm','Trang Chinh','width=400,height=400,Scroll=auto');
</script>

[sửa] window.close()

Đóng Cửa Sổ

Thí Dụ 

<script language=javascript>
window.close();
</script>

[sửa] window.print()

In nội dung cửa sổ

Thí Dụ 

<script language=javascript>
window.print();
</script>

[sửa] window.resizeTo(width,height)

Hiệu chỉnh kích thước cửa sổ

Công Thức 

<script language=javascript>
window.resizeTo(Độ_Dài,Độ_Cao)
</script>

Thí Dụ 

<script language=javascript>
window.resizeTo(500,500)
</script>

[sửa] window.moveTo(x,y)

Dời Cửa Sổ đến tọa độ x (ngang),y (dọc)

Công Thức 

<script language=javascript>
window.moveTo(x,y)
</script>

Thí Dụ 

Dời cửa sổ đến tọa độ 10 ngang, 10 dọc

<script language=javascript>
window.resizeTo(10,10)
</script>