|
|
|
| |
弹出窗口代码
|
|
载入中...
|
载入中...
【终极应用——弹出窗口的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 (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>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出了。真正的Pop-Only-Once!
写到这里，弹出窗口的制作和应用技巧基本上算是讲完了，希望对正在制作网页的朋友有所帮助我就非常欣慰了。
需要注意的是，JS脚本中的大小写最好前后保持一致。
没有菜单、工具栏、地址栏的弹出窗口：
<script language="javascript">
<!--
var gt = unescape('%3e');
var popup = null;
var over = "Launch Pop-up Navigator";
popup = window.open('', 'popupnav', 'width=500,height=500,resizable=0,scrollbars=auto'); // width=500,height=500为窗口长和宽
if (popup != null) {
if (popup.opener == null) {
popup.opener = self; }
popup.location.href = '要打开的文件名';
}
// -->
</script>
弹出窗口的使用很简单，点击功能菜单中的‘弹出窗口’，打开页面中显示‘编辑弹出窗口内容’：
直接在里面输入文字内容即可。输入时象在‘word’中编辑文档一样，可以使用空格键、回车键……等进行操作！
然后，点击功能菜单中的‘功能选项’，将弹出窗口一项设置为‘开’。当您刷新网站首页时，一个窗口就会跳出来！里面的内容就是您刚才输入的文字信息。怎么样？简单吧！
不过这样的弹出窗口似乎有些难看，有的用户提出怎么设置弹出窗口中的文字以及背景颜色等，这其实很简单。
首先我们来看看弹出窗口的特点：
·它实际上是一个单独的页面，有它自己的地址……
·在它的编辑框中是不会象‘首页布告正文’、‘文章摘要’等有字数限制……
·在编辑框中，可以加入任何html代码 ……
|
|
|
|
