我的浏览器未执行我的Javascript代码。浏览器只是以在文本编辑器中编写的方式输出它

时间:2019-05-21 03:32:10

标签: javascript visual-studio-code text-editor execute

我的浏览器不执行我的JavaScript代码。我希望能够在浏览器中预览我的工作,但是浏览器仅输出我在文本编辑器中编写的代码。我目前正在学习JavaScript,因此可以测试我的代码非常重要。

我尝试使用其他浏览器,包括Chrome,Firefox和Internet Explorer。所有的人都启用了Javascript。我还尝试在文本编辑器中修改设置。在Visual Studio代码中,它似乎是在“ powershell”中执行的,当我尝试在chrome中打开时,它只是像在文本编辑器中一样输出了代码。我也尝试过使用Sublime文本和Atom,但是result is the same; my Javascript code fails to run but the HTML and CSS run perfectly.

我希望当我分别在Visual Studio Code和Atom中“运行活动文件”或“在浏览器中查看”时,我的浏览器将执行我的Javascript代码,而不像在文本编辑器上那样返回代码。

在此处输入代码

    function calc() {
        var num1 = prompt("Enter a number");
        var num2 = prompt("Enter another number");
        var sum = Number(num1) + Number(num2);
        alert(sum)};
    calc();

enter code here


    </div>
<script type="text/js" src="script.js"></script>
</body>

2 个答案:

答案 0 :(得分:0)

基本上,如果要从另一个文件加载JavaScript,则最好定义函数,然后在单独的脚本标记中调用它(用于测试)。

一种做到这一点的方法是

R = U(-phi)*R_phi

在调用它之前,请确保已经加载了您所引用的函数。通过这种方式,我的意思是,在学习JavaScript时,最好始终将<html> <head> <script language="javascript"> /* Replace this script block with <script language="javascript" src="myscript.js"> inside your HTML file as i'm simply using this block as an example of what your actual external script would contain. */ function calc() { var one = Number( prompt("Enter #1: ") ); var two = Number( prompt("Enter #2: ") ); alert( one + two ) } </script> </head> <body> <script language="javascript"> calc(); </script> </body> </html>标记放在HTML的<script src="" />中。

我希望这会有所帮助:)

答案 1 :(得分:0)

需要在html页面中引用脚本。 因此,假设您的JS文件写在my-script.js内,请创建一个新的html文件my-page.html并将其保存在与js文件相同的级别。 my-page.html的内容应为:

<!doctype html>
<html>
  <head>
   </head>
   <body>

   <script src="my-script.js"></script>
   </body>
</html>