您当时的方位:主页 > 言语编程 > JSP

小窗口大学识--玩转弹出窗口(3)

2014-09-14  www.codeforacause.net
【5、主窗口翻开文件1.htm,一起弹出小窗口page.html】

  如下代码参加主窗口〈head〉区:
  〈script language="javascript"〉
  〈!--
  function openwin() {
  window.open("page.html","","width=200,height=200")
  }
  //--〉
  〈/script〉

  参加〈body〉区:
  〈a href="1.htm" onclick="openwin()"〉open〈/a〉即可。

  【6、弹出的窗口之守时封闭操控】

  下面咱们再对弹出的窗口进行一些操控,作用就更好了。假如咱们再将一小段代码参加弹出的页面(留意是参加到page.html的HTML中,可不是主页面中,不然...),让它10秒后主动封闭是不是更酷了?

  首要,将如下代码参加page.html文件的〈head〉区:

  〈script language="JavaScript"〉
  function closeit() {
  setTimeout("self.close()",10000) //毫秒
  }
  〈/script〉
  
  然后,再用〈body onload="closeit()"〉 这一句话替代page.html华夏有的〈BODY〉这一句就能够了。(这一句话千万不要忘掉写啊!这一句的作用是调用封闭窗口的代码,10秒钟后就自行封闭该窗口。)

  【7、在弹出窗口中加上一个封闭按钮】
  〈FORM〉
  〈INPUT TYPE=´BUTTON´ VALUE=´封闭´ onClick=´window.close()´〉
  〈/FORM〉
  
  呵呵,现在愈加完美了!
  
  【8、内包括的弹出窗口---一个页面两个窗口】
  
  上面的比如都包括两个窗口,一个是主窗口,另一个是弹出的小窗口。经过下面的比如,你能够在一个页面内完结上面的作用。

  〈html〉
  〈head〉
  〈SCRIT LANGUAGE="JavaScript"〉
  function openwin()
  {
  OpenWindow=window.open("", "newwin", "height=250,   
  width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
  //写成一行
  OpenWindow.document.write("〈TITLE〉比如〈/TITLE〉")
  OpenWindow.document.write("〈BODY BGCOLOR=#ffffff〉")
  OpenWindow.document.write("〈h1〉Hello!〈/h1〉")
  OpenWindow.document.write("New window opened!")
  OpenWindow.document.write("〈/BODY〉")
  OpenWindow.document.write("〈/HTML〉")
  OpenWindow.document.close()
  }
  〈/SCRIPT〉
  〈/head〉
  〈body〉
  〈a href="#" onclick="openwin()"〉翻开一个窗口〈/a〉
  〈input type="button" onclick="openwin()" value="翻开窗口"〉
  〈/body〉
  〈/html〉

  看看OpenWindow.document.write()里边的代码不就是规范的HTML吗?只需依照格局写更多的行即可。千万留意多一个标签或少一个标签就会呈现过错。记得用OpenWindow.document.close()完毕啊。