两个程序的代码几乎相同,但输出不同

时间:2013-08-30 02:37:26

标签: javascript html

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<button onclick="myFunction()">Try it</button>

<script>

function myFunction()
{
document.write("Oops! The document disappeared!");
}
</script>

</body>
</html>

以上代码显示如下输出

我的第一个网页 试试吧

点击Try it按钮后,我得到如下输出

糟糕!该文件消失了!

在互联网上我发现消失的原因是如果我在文档加载完成后执行document.write,整个HTML页面将被覆盖。 但我怀疑的是文件已经完成loadind ...........我不是它的结果。 然后我修改了上面的代码,如下所示

<!DOCTYPE html>
<html>
<body>

<h1>My First Web Page</h1>

<button onclick="myFunction()">Try it</button>

<script>

function myfunction()
{
document.write("My First JavaScript");
}

</script>

</body>
</html> 

但上面的代码显示的输出如下

我的第一个网页 试试吧

按下Try it按钮后它没有给出任何输出。我不知道为什么这两个程序正在这样工作。帮助我.................. < / p>

4 个答案:

答案 0 :(得分:1)

第二个失败是因为f中有myfunction个小F并且使用大{{1}}

进行调用

在Chrome中,如果您打开开发人员工具(Cntrl-Shift-J)并转到控制台,则会显示javascript错误。

答案 1 :(得分:0)

第二页中的问题是您正在调用名为myFunction的函数。 但是你拥有的函数叫做myfunction,F是大写字母。

所以javascript错误是:

未捕获的ReferenceError:myFunction未定义

答案 2 :(得分:0)

JavaScript区分大小写。你定义

myfunction

但请致电

myFunction

请注意 F

答案 3 :(得分:0)

在您的第二个功能中,myfunctionF应该是CAPS,或者onclick=myFunction() F应该很小。检查控制台窗口。没有输出是因为javascript错误