明輝手游網(wǎng)中心:是一個免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺!

小窗口大學(xué)問--玩轉(zhuǎn)彈出窗口(2)

[摘要]【3、用函數(shù)控制彈出窗口】   下面是一個完整的代碼:     〈html〉   〈head〉   〈script LANGUAGE="JavaScript"〉   〈!--   function openwin() {   window.open ("page.ht...
【3、用函數(shù)控制彈出窗口】

  下面是一個完整的代碼:
  
  〈html〉
  〈head〉
  〈script LANGUAGE="JavaScript"〉
  〈!--
  function openwin() {
  window.open ("page.html", "newwindow", "height=100, width=400,toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
  //寫成一行
  }
  //--〉
  〈/script〉
  〈/head〉
  〈body onload="openwin()"〉
  ...任意的頁面內(nèi)容...
  〈/body〉
  〈/html〉

  這里定義了一個函數(shù)openwin(),函數(shù)內(nèi)容就是打開一個窗口。在調(diào)用它之前沒有任何用途。
怎么調(diào)用呢?
 
  方法一:〈body onload="openwin()"〉 瀏覽器讀頁面時彈出窗口;
 
  方法二:〈body onunload="openwin()"〉 瀏覽器離開頁面時彈出窗口;
 
  方法三:用一個連接調(diào)用:〈a href="#" onclick="openwin()"〉打開一個窗口〈/a〉
注意:使用的“#”是虛連接。
 
  方法四:用一個按鈕調(diào)用:〈input type="button" onclick="openwin()" value="打開窗口"〉

  【4、同時彈出2個窗口】

  對源代碼稍微改動一下:
  〈script LANGUAGE="JavaScript"〉
  〈!--
  function openwin() {
  window.open ("page.html", "newwindow", "height=100, width=100,
  top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
  location=no,status=no")
  //寫成一行
  window.open ("page2.html", "newwindow2", "height=100, width=100,   
  top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,  
  location=no,status=no")
  //寫成一行
  }
  //--〉
  〈/script〉
 
  為避免彈出的2個窗口覆蓋,用top和left控制一下彈出的位置不要相互覆蓋即可。最后用上面說過的四種方法調(diào)用即可。
注意:2個窗口的name(newwindows和newwindow2)不要相同,或者干脆全部為空。OK?