首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

Window.Open 施用详解

2012-06-26 
Window.Open 使用详解引:Window_Open详解一、window.open()支持环境:JavaScript1.0+/JScript1.0+/Nav2+/IE3

Window.Open 使用详解

引:Window_Open详解
一、window.open()支持环境:
JavaScript1.0+/JScript1.0+/Nav2+/IE3+/Opera3+

二、基本语法:
window.open(pageURL,name,parameters)?
其中:
pageURL 为子窗口路径?
name 为子窗口句柄?
parameters 为窗口参数(各参数用逗号分隔)?

三、示例:

注意:使用的"#"是虚连接。?
方法四:用一个按钮调用:?
<input type="button" onclick="openwin()" value="打开窗口">?

【4、同时弹出2个窗口】?

  对源代码稍微改动一下:

【6、弹出的窗口之定时关闭控制】?

  下面我们再对弹出的窗口进行一些控制,效果就更好了。如果我们再将一小段代码加入弹出的页面(注意是加入到page.html的HTML中,可不是主页面中,否则…),让它10秒后自动关闭是不是更酷了??
  首先,将如下代码加入page.html文件的<head>区:
<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)?
{var search = Name + "="?
var returnvalue = "";?
if (document.cookie.length > 0) {?
offset = document.cookie.indexOf(search)?
if (offset != -1) {?
offset += search.length?
end = document.cookie.indexOf(";", offset);?
if (end == -1)?
end = document.cookie.length;?
returnvalue=unescape(document.cookie.substring(offset,end))?
}?
}?
return returnvalue;?
}?
function loadpopup(){?
if (get_cookie('popped')==''){?
openwin()?
document.cookie="popped=yes"?
}?
}?
</script>
  然后,用<body onload="loadpopup()">(注意不是openwin而是loadpop啊!)替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。真正的Pop-Only-Once!?
  写到这里弹出窗口的制作和应用技巧基本上算是完成了,俺也累坏了,一口气说了这么多,希望对正在制作网页的朋友有所帮助俺就非常欣慰了。
  需要注意的是,JS脚本中的的大小写最好前后保持一致。?

热点排行