JavaScript仅在浏览器中显示为文本

时间:2015-12-10 22:11:22

标签: javascript html

我对编码非常陌生,并且目前正在研究学习JavaScript。我对HTML和现在的JavaScript经验很少。我更新了Firefox并编写了一行简单的代码

var greeting = "Ahoy";
var greet = function (){;
console.log(greeting)
};
greet();

但是,当我在Firefox中打开时,我会在浏览器中获取所有这些行,就像在我的记事本中一样。为什么没有发生任何事情,我的印象是它应该只显示问候语。

我还尝试使用JavaScript创建一个HTML文件,只有HTML显示,JavaScript没有任何反应。

<!DOCTYPE html>
<html>
<body>

<h1>Hello</h1>
<p>World</p>

<script>
console.log(5 + 6);
</script>

</body>
</html>

在浏览器中,它只输出&#34; Hello&#34; &#34;世界&#34;并完全忽略console.log命令。任何人都可以帮助,或启发我做错的事。

由于

4 个答案:

答案 0 :(得分:0)

  

为什么没有发生任何事情,我的印象是它应该只显示问候语。

因为浏览器不能执行独立的JavaScript程序。

  

在浏览器中,它只输出&#34; Hello&#34; &#34;世界&#34;并完全忽略console.log命令

console.log登录控制台;它没有输出到HTML中。您需要打开浏览器的开发人员工具才能查看结果。

如果要修改呈现的页面,则应使用DOM methods

答案 1 :(得分:0)

&#34; console.log&#34;部分只会在调试工具上打印到控制台。按F12或Ctrl + Shift + I在大多数浏览器中打开开发工具。然后从那里导航到控制台。 接下来,您没有在任何地方指向javascript源代码。把它改成这样的东西:

<!DOCTYPE html>
<html>
<head>
<script type ="text/javascript" src="yourJSFile.js">    </script>
</head>
<body>

<h1>Hello</h1>
<p>World</p>

<script>
console.log(5 + 6);
</script>

</body>
</html>

在哪里&#34; yourJSFile.js&#34;是计算机上javascript文件的路径和名称。

答案 2 :(得分:0)

在浏览器检查元素中,单击控制台,您将看到:

11

目前正按预期工作

我创建了一个小提琴,因此您可以看到其他选项https://jsfiddle.net/gf0L85vo/

alert();appendChild(t);

相似

答案 3 :(得分:0)

使用选项卡控制台中的 F2 ,您可以看到结果。如果你想在页面中看到结果,试试这个。

var b = 5 + 6;
document.write(b);