JavaScript实现父窗口控制子窗口仅弹出一次

62 浏览量更新于2024-09-02 收藏 44KB PDF 举报

"使用JavaScript控制只弹出一个子窗口，主要涉及到JavaScript的window.open方法以及Cookie的使用，目的是实现用户访问网页时仅弹出一次子窗口，之后再返回该页面时不再弹出。" 在JavaScript中，`window.open()` 方法用于打开新的浏览器窗口或查找已命名的窗口。在给定的示例中，它被用来打开一个指定URL（http://www.yeboss.com.cn）的新窗口，并设置窗口的属性如宽度、高度以及是否显示浏览器元素等： ```javascript window.open("http://www.yeboss.com.cn","yeboss","width=300,height=400"); ``` 这个代码会创建一个名为 "yeboss" 的新窗口，其尺寸为宽300像素，高400像素。然而，如果希望子窗口只弹出一次，我们需要利用Cookie来跟踪用户的访问状态。Cookie是一种在客户端存储数据的技术，可以在用户关闭并重新打开浏览器时仍然保留信息。以下是一个简单的Cookie实现，用于检查用户是否已经见过该弹窗： ```html <HEAD> <SCRIPT LANGUAGE="JavaScript"> // Begin Cookie code var expDays = 1; // Cookie的存活天数 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 len = arg.length; var clen = document.cookie.length; var i = 0; while (i < clen) { var j = i + len; 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; // Set the cookie here with the given parameters } // End Cookie code </SCRIPT> </HEAD> ``` 在这个示例中，`getCookie()` 和 `setCookie()` 是两个基本的Cookie操作函数。`getCookie()` 用于读取Cookie，而 `setCookie()` 用于设置Cookie。当用户首次访问页面时，我们可以检查是否存在一个表示“已显示过弹窗”的Cookie。如果不存在，我们就调用 `setCookie()` 设置这个Cookie，并弹出子窗口。下次用户返回时，`getCookie()` 将找到这个Cookie，从而阻止再次弹出子窗口。为了实现这个功能，我们需要在适当的地方调用 `setCookie()` 和检查 `getCookie()` 的返回值。如果 `getCookie("seen_popup")` 返回 `null` 或者没有找到相应Cookie，则说明这是用户第一次访问，可以使用 `window.open()` 弹出子窗口。同时，使用 `setCookie("seen_popup", "true", expDays)` 来设置一个表示已显示过的Cookie，这样在未来的访问中，就会跳过弹窗逻辑。通过结合使用JavaScript的 `window.open()` 方法和Cookie技术，我们可以实现只在用户首次访问时弹出子窗口的功能，确保之后的访问不再重复弹出。这在网页设计中常用于避免烦人的重复弹窗，提升用户体验。

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

近来网上经常流传一些关于如何在父窗口控制只弹出一个子窗口问题，我查看了一些，大部分都是只能解决部分或者很麻烦，

还不算完美。比如有人是实现的这样，使用的是Cookie，以下是例子。

主页上做了一个弹出窗口，如何使其只弹出一次，返回主页时不再弹出了。

—————————————————————

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

</script>

—————————————————————

<HEAD>

<!– 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;

下载后可阅读完整内容，剩余4页未读，立即下载

weixin_38670318

粉丝: 6
资源: 918

JavaScript实现父窗口控制子窗口仅弹出一次

JavaScript中获取父窗口与打开窗口的方法详解

JavaScript IFrame通信：子窗口访问父窗口全局变量与方法

iPanel JavaScript API 弹出窗口控制

javascript 实现父窗口引用弹出窗口的值的脚本

JavaScript弹出窗口及与父窗口交互

javascript 父窗口、子窗口传值问题

javascript提交父窗口

javascript 弹出的窗口返回值给父窗口具体实现

JavaScript实现弹出子窗口并传值给父窗口

JavaScript弹出新窗口后向父窗口输出内容的方法

最新资源