我该如何运行我用JavaScript编写的代码?

14

我是一个初学者,我所做的一切就是在 Codecademy 上练习编写代码。在 Google 上进行了广泛搜索如何运行 .js 文件之后,我什么也没找到。我想我问错了问题,虽然这很简单,但我找不到任何东西。


你需要将它放在一个HTML文件中,并在浏览器中运行它。 - bcdan
8
这取决于你所编写的 JavaScript 平台。对于 Node.js 应用程序、Windows 脚本宿主应用程序、Chrome 扩展、被设计嵌入网页的脚本等,答案是不同的。 - Quentin
Firefox有一个WebIDE可以使用。Shift + F8 - itzmurd4
请返回翻译后的文本:https://blog.udemy.com/javascript-hello-world/ 第一个结果 - Bennyz
在现代浏览器中按 F12。 - Salman A
显示剩余2条评论
6个回答

15
  1. 打开编辑器。最简单的编辑器是记事本
  2. 在里面写入如下基本的HTML代码:

  3. <html>
        <head>
        </head>
        <body>
            Hello World!
        </body>
    </html>
    
  4. 添加一个 script 标签,并写入以下类似的 JavaScript 代码

  5. <html>
        <head>
            <script> 
                alert("hello");
            </script>
        </head>
        <body>
            Hello World!
        </body>
    </html>
    
  6. 或者您可以将您的JS代码编写在一个文件中,将其保存为.js文件,并链接到上述代码中

  7. <html>
        <head>
            <script src="myScript.js"></script>
        </head>
        <body>
            Hello World!
        </body>
    </html>
    
  8. 将其保存为yourfile.HTML并在任何浏览器中打开

这里有一个了解更多的链接:http://www.w3schools.com/js/js_whereto.asp


谢谢您的回答。但我仍然感到困惑。当我尝试使用您回答中第四步的代码时,它只显示“Hello World!”,而我的 myScript.js 文件中还有其他内容。我错过了什么吗? - user2607534
@user2607534,我想请您在问题中发布您的js文件内容。或者也可以提出一个单独的问题。作为提示,我可以告诉您这个->如果您正在使用Chrome,在浏览器上右键单击并选择“检查元素”。这应该会打开开发工具栏。点击“控制台”,看看js文件中是否有任何错误。 - DhruvJoshi
<head></head> 可以被移除。 - Nabil Kadimi

3

这是之前答案的补充。

如果你想练习简单的JavaScript指令和代码片段,就像在Codecademy中一样,你可以使用:


3

首先在您的计算机上安装和设置Nodejs。然后编写您的JavaScript并将其保存在一个文件夹中。在该文件夹内打开命令提示符并输入执行命令。

node a.js

2

使用以下方法可以在您的浏览器中运行JavaScript:

1. 使用jsfiddle.net

2. 使用您的浏览器开发者控制台(如何在Chrome / Firefox / Safari中打开控制台,您可以在Wiki中阅读)

3. 编写扩展名为.html的自己的文件并将其放置:

<script>
    alert('Hello world!');
</script>

将内容输入文件中,保存文件并在浏览器中打开。

当你开始学习JS时,每种方法都有其自身的优点。作为开发人员,我们每天都会使用这些方法。


1

你需要创建一个扩展名为.html的文件,所以打开记事本或类似的程序,并编写以下内容:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <script type="text/javascript">
    //Your code
    alert("You made your fist javascript!");
    </script>

</body>
</html>

你的 JavaScript 操作和代码应该放在 <script> 标签内。

1
当运行.js文件时,您只需要将其添加到您的网页中。例如:

如果您有这样一个.js文件,名为hello.js:

alert('Yow!');

使用它,您需要创建一个HTML文件。
<html>
    <body>
        <script src="hello.js"></script>
    </body>
</html>

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接