Javascript / HTML - “此页面未加载到正确的框架集中”

时间:2012-06-21 03:36:33

标签: javascript html frameset

通过一本javascript书,希望我制作一个简单的阶乘计算器,当我点击下面代码中的计算按钮时,我不断收到错误“此页面未加载到正确的框架集内”。现在代码被编程为如果它不在正确的框架集中则抛出此错误,但我的问题是为什么不是呢?

编辑:为了澄清,我肯定是从calcfactorialtopframe.htm开始的。

calcfactorialtopframe.htm

<html>
<head>
<title>Example</title>

<script type="text/javascript">
function calcFactorial(factorialNumber)
{
    var factorialResult = 1;
    for (; factorialNumber > 0; factorialNumber--)
    {
        factorialResult = factorialResult * factorialNumber;
    }
    return factorialResult;
}
</script>
</head>
<frameset cols="100%,*">
    <frame name="fraCalcFactorial" src="calcfactorial.htm" />
</frameset>
</html>

calcfactorial.htm

<html>
<head>
<title>Example</title>

<script type="text/javascript">
function butCalculate_onclick()
{
    try
    {
        if (window.top.calcFactorial == null)
            throw "This page is not loaded within the correct frameset";
        if (document.form1.txtNum1.value == "")
            throw "!Please enter a value before you calculate its factorial";
        if (isNaN(document.form1.txtNum1.value))
            throw "!Please enter a valid number";
        if (document.form1.txtNum1.value < 0)
            throw "!Please enter a positive number";

        document.form1.txtResult.value =
            window.parent.calcFactorial(document.form1.txtNum1.value);
    }
    catch(exception)
    {
        if (typeof(exception) == "string")
        {
            if (exception.charAt(0) == "!")
            {
                alert(exception.substr(1));
                document.form1.txtNum1.focus();
                document.form1.txtNum1.select();
            }
            else
            {
                alert(exception);
            }
        }
        else
        {
            alert("The following error occursed " + exception.message);
        }
    }
}
</script>
</head>
<body>
<form action="" name="form1">
    <input type="text" name="txtNum1" size="3" /> factorial is
    <input type="text" name="txtResult" size="25" /><br />
    <input type="button" value="Calculate Factorial" name="butCalculate" onclick="butCalculate_onclick()" />
</form>
</body>
</html>

3 个答案:

答案 0 :(得分:2)

是的,这是Chrome的错误,在最新版本的Firefox,IE和Opera中运行良好:)

答案 1 :(得分:0)

我的猜测是,您已将calcfactorial.htm加载到地址栏而不是calcfactorialtopframe.htm

答案 2 :(得分:0)

这是Chrome特定的错误。

我以前在IE中使用相同的错误尝试相同的代码,虽然再次尝试它似乎在IE中工作但仍然无法在Chrome中工作。