событие JavaScript никогда не запускается - PullRequest
0 голосов
/ 28 июня 2011

Я работаю над регистрацией списка рассылки и пытаюсь сделать так, чтобы браузер не кэшировал страницу и файл js Таким образом, я использую поддельную строку запроса. Я пытаюсь заставить страницу создать новую строку запроса при обновлении. Это не работает ... почему? Я думаю, что строка:

window.onbeforeunload=changeNoCache();

находится не в том месте.

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Email Sign-Up</title>
<link href="SignUp.css" rel="stylesheet" type="text/css" />
<script id="script" type="text/javascript" src="SignUp.js"></script>
<script type="text/javascript">
function noCache() {
    regex=/noCache/;
    if (!regex.test(window.location.href)) {
        rand=getRandom();
        window.location.href+="?noCache="+rand;
    }
    else {
        h=true;
    }
    if (!regex.test(document.getElementById("script").src)) {
        rand=getRandom();
        document.getElementById("script").src+="?noCache="+rand;
    }
    else {
        s=true;
    }
    if (h&&s) {
        window.onbeforeunload=changeNoCache();
    }
}
function changeNoCache() {
    loc=window.location.href.indexOf("?");
    window.location.href=window.location.href.substring(0,loc);
    loc=document.getElementById("script").src.indexOf("?");
    document.getElementbyId("script").src=document.getElementById("script").src.substring(0,loc);
    noCache();
}
function getRandom() {
    rand=Math.random()+"";
    rand=rand.substring(0,15);
    rand=Number(rand);
    return rand;
}
</script>
</head>
<body onLoad="noCache();">
Email Address: <input type="email" id="email" />
<button onClick="makePopUp();">Submit</button>
</body>
</html>

SignUp.js:

function makePopUp() {
    div = document.getElementById("shell");
    if(!div) {
        email = document.getElementById("email").value;
        popupshell = document.createElement("div");
        popupinner = document.createElement("div");
        popupshell.id = "shell";
        popupinner.id = "inner";
        popupinner.innerHTML = "<span id=\"closebutton\" onClick=\"closePopUp();\">x</span><div id=\"form\">Thank You. Would you like to enter other information so that we can make your emails more relevant? If so, enter your information below. Otherwise, you may click the x button in the top right of this window to close it.<br /><br /><form name=\"Email Signup\" action=\"sql_submit.php\" method=\"post\"><input type=\"hidden\" value=\"Email Signup\" name=\"formname\" /><input type=\"hidden\" value=\""+window.location+"\" name=\"url\" />Email: <input name=\"email\" type=\"text\" value=\""+email+"\" /><br />First Name: <input type=\"text\" name=\"firstname\" /><br />Last Name: <input type=\"text\" name=\"lastname\" /><br />Country Code: <input type=\"text\" name=\"countrycode\" id=\"countrycode\"  size=\"2\" onBlur=\"validatePhone();\" />Phone Number: <input type=\"text\" name=\"number\" id=\"number\" size=\"10\" onBlur=\"validatePhone();\" /><br />Company Name: <input type=\"text\" name=\"company\" /><br />Serial Number: <input type=\"text\" name=\"serial\" /><br /><br /><input type=\"submit\" value=\"Submit\" /></form></div>";
        popupshell.appendChild(popupinner);
        document.body.appendChild(popupshell);
    }
    else {
        blink(div);
        t = setTimeout("blink(div);",100);
        t = setTimeout("blink(div);",200);
        t = setTimeout("blink(div);",300);
        t = setTimeout("blink(div);",400);
        t = setTimeout("blink(div);",500);
    }
}
function blink(element) {
    (element.style.display=='none') ? element.style.display='block' : element.style.display='none';
}
function validatePhone() {
    cc = document.getElementById("countrycode");
    number = document.getElementById("number");
    cc.value = cc.value.replace(/\D/g,"");
    number.value = number.value.replace(/\D/g,"");
}
function closePopUp() {
    document.body.removeChild(document.getElementById("shell"));
}

1 Ответ

0 голосов
/ 28 июня 2011

объявление об этом в вашей головной секции

<META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">

Директива CACHE-CONTROL: NO-CACHE указывает, что кэшированная информация не должна использоваться, и вместо этого запросы должны перенаправляться на исходный сервер.

...