一组常用的弹出窗口用法总结

2006-11-14 15:36作者：未知出处：网络编辑社区责任编辑：龙犊

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

OpenWindow.document.write()里面的代码是标准的HTML.按照格式写更多的行即可。用OpenWindow.document.close()结束。

9、弹出的窗口之Cookie控制

脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口只弹出一次

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

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

以下是引用片段：
<script>
function openwin()
{window.open("page.html","","width=200,height=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>这一句即可。

10、兼容性最好的函数控制弹出窗口

页面任意位置插入如下代码

以下是引用片段：
<script language='javascript1.2'>
function js_callpage(htmlurl)
{
var newwin=window.open(htmlurl,'','toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,top=2,right=0 ,width=800,height=421');return false;
}
</script>

对超级链接添加onclikc行为,示范:<a href="#" onClick="return js_callpage(this.href);">popup<a>

即添加 onClick="return js_callpage(this.href);"

　　访问经典网站建设类教程>>

热卖推荐：手机　诺基亚　 MP5　电脑包　双卡双待　手机链　 U盘　笔记本电脑

关注此文的读者还看过：

返回网页陶吧首页

共3页。上一页 1 23

软件频道最新更新

热点推荐

IT嘉年华

编辑推荐

软件下载