Question

我将div定位到页面的页脚，并希望在单击按钮时使其可见。它似乎没有工作。我究竟做错了什么？代码如下。

<script language="text/javascript">

function timedMsg()
{
var t=setTimeout('ff()',3000)
}

function ff(){

document.getElementById("dot").style.visibility="visible";
document.getElementById("dot").style.display="";

}

</script>

<div id="dot" style="position: absolute; bottom: 0; right: 0; margin-right:50px; background-color:blue; width:250px; text-align:center; display: none; visibility: hidden">Footer</div>


<form>
<input type="button" value="Display!" onclick="timedMsg()" />
</form>

Answer 1

首先，要将javascript嵌入到html页面中，您应该使用以下语法：

<scrpt type="text/javascript">/* code here */</script>

注意：type，而不是language！

其次，为什么要使用t变量？它的用途是什么？

因此，工作和更完整的例子将是：

<html>
    <head>
        <script type="text/javascript">
            function timedMsg()
            {
                setTimeout('ff()',3000)
            }

            function ff()
            {
                document.getElementById("dot").style.visibility="visible";
                document.getElementById("dot").style.display="";
            }
        </script>
    </head>
    <body>
        <form>
            <input type="button" value="Display!" onclick="timedMsg()" />
        </form>
        <div id="dot" style="position: absolute; bottom: 0; right: 0; margin-right:50px; background-color:blue; width:250px; text-align:center; display: block; visibility: hidden">Footer
        </div>
    </body>
</html>

Javascript计时器和页脚div

1 个答案: