WEB开发网
开发学院网页设计JavaScript 页面弹出各种窗口详解 阅读

页面弹出各种窗口详解

 2010-09-14 13:07:45 来源:WEB开发网   
核心提示: 六、 弹出n 个窗口这很简单,只要执行n 次window.open()就行了,页面弹出各种窗口详解(4),当然一定要给每个窗口起不同的名字,还有,窗口再也不会弹出了,八、 让弹出窗口适应里面图片的大小很多时候我们需要提供这样的功能给访问者:当访问者点击页面中的缩略图时,设置一下left和t

六、 弹出n 个窗口

这很简单,只要执行n 次window.open()就行了,当然一定要给每个窗口起不同的名字,

还有,设置一下left和top,避免重叠。

七、 刷新之后就不再弹出窗口

我们使用cookie来控制一下就可以了。

首先,将如下代码加入主页面HTML的<HEAD>区:

<script>
function openwin(){
window.open("page.html","","width=200,200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents.cookie="popped=yes"
}
}
</script>

然后,用<body onload="loadpopup()">(注意不是openwin而是loadpop啊!) 替换主页面中原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面,窗口再也不会弹出了。

八、 让弹出窗口适应里面图片的大小

很多时候我们需要提供这样的功能给访问者:当访问者点击页面中的缩略图时,其对应的全尺寸图片将显示在一个新的弹出窗口中供访问者查看。

上一页  1 2 3 4 5 6 7 8  下一页

Tags:页面 各种 窗口

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接