程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> 小窗口大學問--玩轉彈出窗口(2)

小窗口大學問--玩轉彈出窗口(2)

編輯:關於JSP

【3、用函數控制彈出窗口】

  下面是一個完整的代碼:
  
  〈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()"〉
  ...任意的頁面內容...
  〈/body〉
  〈/html〉

  這裡定義了一個函數openwin(),函數內容就是打開一個窗口。在調用它之前沒有任何用途。
怎麼調用呢?
 
  方法一:〈body onload="openwin()"〉 浏覽器讀頁面時彈出窗口;
 
  方法二:〈body onunload="openwin()"〉 浏覽器離開頁面時彈出窗口;
 
  方法三:用一個連接調用:〈a href="#" onclick="openwin()"〉打開一個窗口〈/a〉
注意:使用的“#”是虛連接。
 
  方法四:用一個按鈕調用:〈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控制一下彈出的位置不要相互覆蓋即可。最後用上面說過的四種方法調用即可。
注意:2個窗口的name(newwindows和newwindow2)不要相同,或者干脆全部為空。OK?

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved