首頁 > 開發者 > JavaScript

用javascript父視窗控制只彈出一個子視窗

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

近來網上經常流傳一些關於如何在父視窗控制只彈出一個子視窗 問題，我查看了一些，大部分都是只能解決部分或者很麻煩，還不算完美。比如有人是實現的這樣，使用的是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>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

相關關鍵詞：
formatmoney javascript javascript getdatetime unlink javascript hmac javascript javascript echo javascript encode javascript encodeuri
相關文章
漂亮簡單Javascript 調色盤代碼
javascript的indexOf忽略大小寫方法_javascript技巧
JavaScript的parseInt 取整使用
用js一招破解所有網頁的加密原始碼的方法
Wireshark基本介紹和學習TCP三向交握，wiresharktcp
jQuery AJAX timeout 逾時問題詳解，jqueryajax

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

熱門內容

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More