用javascript父窗口控制只弹出一个子窗口


Posted in Javascript onApril 10, 2007

近来网上经常流传一些关于如何在父窗口控制只弹出一个子窗口 问题,我查看了一些,大部分都是只能解决部分或者很麻烦,还不算完美。比如有人是实现的这样,使用的是Cookie,以下是例子。 
主页上做了一个弹出窗口,如何使其只弹出一次,返回主页时不再弹出了。 
--------------------------------------------------------------- 

<script> 
window.open("http://www.yeboss.com.cn","yeboss","width=300,height=400") 
</script> 
--------------------------------------------------------------- 

cookie 
--------------------------------------------------------------- 

<HEAD> 

<SCRIPT LANGUAGE="JavaScript"> 

<!-- Begin 
var expDays = 1; // number of days the cookie should last 

var page = "only-popup-once.html"; 
var windowprops = "width=300,height=200,location=no,toolbar=no,menubar=no,scrollbars=no,resizable=yes"; 

function GetCookie (name) { 
var arg = name + "="; 
var alen = arg.length; 
var clen = document.cookie.length; 
var i = 0; 
while (i < clen) { 
var j = i + alen; 
if (document.cookie.substring(i, j) == arg) 
return getCookieVal (j); 
i = document.cookie.indexOf(" ", i) + 1; 
if (i == 0) break; 

return null; 

function SetCookie (name, value) { 
var argv = SetCookie.arguments; 
var argc = SetCookie.arguments.length; 
var expires = (argc > 2) ? argv[2] : null; 
var path = (argc > 3) ? argv[3] : null; 
var domain = (argc > 4) ? argv[4] : null; 
var secure = (argc > 5) ? argv[5] : false; 
document.cookie = name + "=" + escape (value) + 
((expires == null) ? "" : ("; expires=" + expires.toGMTString())) + 
((path == null) ? "" : ("; path=" + path)) + 
((domain == null) ? "" : ("; domain=" + domain)) + 
((secure == true) ? "; secure" : ""); 

function DeleteCookie (name) { 
var exp = new Date(); 
exp.setTime (exp.getTime() - 1); 
var cval = GetCookie (name); 
document.cookie = name + "=" + cval + "; expires=" + exp.toGMTString(); 

var exp = new Date(); 
exp.setTime(exp.getTime() + (expDays*24*60*60*1000)); 
function amt(){ 
var count = GetCookie(’count’) 
if(count == null) { 
SetCookie(’count’,’1’) 
return 1 

else { 
var newcount = parseInt(count) + 1; 
DeleteCookie(’count’) 
SetCookie(’count’,newcount,exp) 
return count 
   } 

function getCookieVal(offset) { 
var endstr = document.cookie.indexOf (";", offset); 
if (endstr == -1) 
endstr = document.cookie.length; 
return unescape(document.cookie.substring(offset, endstr)); 

function checkCount() { 
var count = GetCookie(’count’); 
if (count == null) { 
count=1; 
SetCookie(’count’, count, exp); 

window.open(page, "", windowprops); 


else { 
count++; 
SetCookie(’count’, count, exp); 
   } 

//  End --> 
</script> 

<BODY OnLoad="checkCount()"> 
这个是网上随便摘的一个例子,是不是感觉很多也很难看懂呢,下面我给大家说一种新方法,保证好看好使。

<script language="JavaScript" type="text/JavaScript">
<!--  Copyright fenggang at 2007/3/23
var w=null;
function MM_openBrWindow(theURL,winName,features) { //v2.0
  if(w!=undefined&&isOpen()){
   w.close();
  }
   w=window.open("",winName,features);
   w.location.replace(theURL);
}
function isOpen()
{
  try
  {
  w.document;
  return true;
  }
  catch(ex)
  {}

  return false;
}
//-->
</script>
这个MM_openBrWindow()函数名是在Dreamweaver中常用的弹出窗口函数名,将这段代码放进页面里
然后再做弹出窗口就只能探出一个窗口了,以上是精髓部分,下面是完整的一个测试页的代码,试试看吧。
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="JavaScript" type="text/JavaScript">
<!--  Copyright fenggang at 2007/3/23
var w=null;
function MM_openBrWindow(theURL,winName,features) { //v2.0
  if(w!=undefined&&isOpen()){
   w.close();
  }
   w=window.open("",winName,features);
   w.location.replace(theURL);
}
function isOpen()
{
  try
  {
  w.document;
  return true;
  }
  catch(ex)
  {}

  return false;
}
//-->
</script>
</head>
<body>
<a href="javascript:;" onClick="MM_openBrWindow(show.asp’,’’,’scrollbars=yes,resizable=yes,width=570,height=500’)">title</a>
</body>
</html>

Javascript 相关文章推荐
editable.js 基于jquery的表格的编辑插件
Oct 24 Javascript
js document.write()使用介绍
Feb 21 Javascript
jquery 显示*天*时*分*秒实现时间计时器
May 07 Javascript
jQuery中find()方法用法实例
Jan 07 Javascript
Jquery注册事件实现方法
May 18 Javascript
javascript图片滑动效果实现
Jan 28 Javascript
Bootstrap零基础学习第一课之模板
Jul 18 Javascript
Vue 2.5 Level E 发布了: 新功能特性一览
Oct 24 Javascript
axios全局请求参数设置,请求及返回拦截器的方法
Mar 05 Javascript
jsonp格式前端发送和后台接受写法的代码详解
Nov 07 Javascript
深入了解Vue.js 混入(mixins)
Jul 23 Javascript
JS 4个超级实用的小技巧 提升开发效率
Oct 05 Javascript
javascript 控制弹出窗口
Apr 10 #Javascript
javascript应用:Iframe自适应其加载的内容高度
Apr 10 #Javascript
用javascript动态调整iframe高度的代码
Apr 10 #Javascript
Javascript下的keyCode键码值表
Apr 10 #Javascript
用javascript控制iframe滚动的代码
Apr 10 #Javascript
经常用到的JavasScript事件的翻译
Apr 09 #Javascript
在JavaScript中通过URL传递汉字的方法
Apr 09 #Javascript
You might like
PHP脚本数据库功能详解(上)
2006/10/09 PHP
php基础知识:类与对象(2) 自动加载对象
2006/12/13 PHP
php中用文本文件做数据库的实现方法
2008/03/27 PHP
一个典型的PHP分页实例代码分享
2011/07/28 PHP
有道搜索和IP138的IP的API接口(PHP应用)
2012/11/29 PHP
php/JS实现的生成随机密码(验证码)功能示例
2019/06/06 PHP
js 省地市级联选择
2010/02/07 Javascript
统计出现最多的字符次数的js代码
2010/12/03 Javascript
JS等比例缩小图片尺寸的实例
2013/02/27 Javascript
jQuery xml字符串的解析、读取及查找方法
2016/03/01 Javascript
jQuery插件cxSelect多级联动下拉菜单实例解析
2016/06/24 Javascript
分享javascript、jquery实用代码段
2016/10/20 Javascript
Express与NodeJs创建服务器的两种方法
2017/02/06 NodeJs
JS html时钟制作代码分享
2017/03/03 Javascript
ES6实现的遍历目录函数示例
2017/04/07 Javascript
Bootbox将后台JSON数据填充Form表单的实例代码
2018/09/10 Javascript
详解Node.js 中使用 ECDSA 签名遇到的坑
2018/11/26 Javascript
解决微信浏览器缓存站点入口文件(IIS部署Vue项目)
2019/06/17 Javascript
layui关闭层级、简单监听的实例
2019/09/06 Javascript
jQuery三组基本动画与自定义动画操作实例总结
2020/05/09 jQuery
webpack4从0搭建组件库的实现
2020/11/29 Javascript
Python实现优先级队列结构的方法详解
2016/06/02 Python
对python中的for循环和range内置函数详解
2018/04/17 Python
Python3读取Excel数据存入MySQL的方法
2018/05/04 Python
python实现连连看游戏
2020/02/14 Python
详解HTML5中表单验证的8种方法介绍
2016/12/19 HTML / CSS
店长助理岗位职责
2013/12/13 职场文书
优秀干部获奖感言
2014/01/31 职场文书
户外婚礼策划方案
2014/02/08 职场文书
人事专员岗位职责范本
2014/03/04 职场文书
《火烧云》教学反思
2014/04/12 职场文书
捐资助学倡议书
2014/04/15 职场文书
国庆促销活动总结
2014/08/29 职场文书
爱国电影观后感
2015/06/19 职场文书
MySQL注入基础练习
2021/05/30 MySQL
postgresql无序uuid性能测试及对数据库的影响
2021/06/11 PostgreSQL