window.open的功能全解析

2019-06-03 18:30:02丽君

<script language="JavaScript"> 

function closeit() { 

setTimeout("self.close()",10000) //毫秒 



</script> 
然后,再用<body onload="closeit()"> 这一句话代替page.html中原有的<BO 

DY>这一句就可以了。(这一句话千万不要忘记写啊!这一句的作用是调用关闭窗 

口的代码,10秒钟后就自行关闭该窗口。) 

【7、在弹出窗口中加上一个关闭按钮】 
<FORM> 
<INPUT TYPE='BUTTON' VALUE='关闭' onClick='window.close()'> 
</FORM> 
呵呵,现在更加完美了! 

【8、内包含的弹出窗口-一个页面两个窗口】 

上面的例子都包含两个窗口,一个是主窗口,另一个是弹出的小窗口。 
通过下面的例子,你可以在一个页面内完成上面的效果。 

<html> 
<head> 
<SCRIPT 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> 
打开一个窗口 
<input type="button" onclick="openwin()" value="打开窗口"> 
</body> 
</html> 

看看 OpenWindow.document.write()里面的代码不就是标准的HTML吗?只要按照 

格式写更多的行即可。千万注意多一个标签或少一个标签就会出现错误。记得用 

OpenWindow.document.close()结束啊。 


【9、终极应用--弹出的窗口之Cookie控制】 

回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定 

没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页), 

那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-( 
有解决的办法吗?Yes!  Follow me. 
我们使用cookie来控制一下就可以了。 
首先,将如下代码加入主页面HTML的<HEAD>区: 

<script> 
function openwin(){ 
window.open("page.html","","width=200,height=200") 

function get_cookie(Name) {