Question

好的，新手问题。我写了一些我认为适用于我的网站的JavaScript。迄今为止的总体经验，codecademy.com。

我只需要在末尾保存一个扩展名为.js的文本文件吗？然后做整个标签？我需要编译器吗？

Answer 1

网页中的JavaScript未编译，因为它原本打算以文本形式作为HTML文档的一部分提供。

今天有两种方法可以在页面中包含JavaScript，最初的方法是将其包含在脚本标记中，如下所示：

<script>

// Your code here

</script>

现在首选的方法是将它作为单独的.js文件（只是扩展名为.js的文本文件）包含在内：如下所示：

<script src="/scripts/your-script.js"></script>

现在请注意以下几点：

首先，src属性是您唯一需要的属性。您经常会在其他人的代码中看到type和language，但在引用文件时这是不必要的，因为浏览器会查看来自服务器的响应，以确定哪种类型的你正在使用的代码。
此处的路径是相对于HTML文档的位置。使用/作为前缀可以将您带到应用程序根目录。
您应该养成尽可能靠近文档底部放置此标记的习惯，因为这样可以更快地显示页面。
脚本代码必须包含结束标记，例如你不能这样做<script src="..." />。

Answer 2

你应该学习如何做两种方式......

一，链接到外部文件

<script type="text/javascript" src="pathtofile.js"></script>

确保您有该文件的路径。如果文件与html文件位于同一文件夹中，则只需要名称，否则您需要更多路径信息

src="folder/subfolder/file.js"

或

src="http://domain.tld/folder/file.js"

二，将代码包装在脚本标记

中

<script type="text/javascript">
    // your code here    
</script>

Answer 3

在大多数情况下，JavaScript都没有编译。

有两种方法可以运行JavaScript。您可以直接嵌入HTML页面。

<script type="text/javascript">
//your JavaScript goes here
</script>

或者您可以将JavaScript放在一个文件中（通常使用.js结束文件名），然后在页面上添加对它的引用。

<script type="text/javascript" src="MyCode.js"></script>

Answer 4

我会在这里粘贴一个例子，这样你就可以自己拍照了...... 您还可以使用其他答案方法包含资源

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>My Fisrt JS</title>
    </head>
    <body>
        <h1>Nice heading title here</h1>
        <section>
            <article>You could write something amazing here</article>
        </section>
        <!-- Remember to insert your scripts in the bottom, right before closing body tag -->
        <script>
            // Your javascript code goes here, inside a script tag
            var myCoolVar = 'ABCD';
            var myReverseCoolVar = myCoolVar.split('').reverse().join('');

            console.log(myReverseCoolVar);
        </script>
    </body>
</html>

我如何在我的网站上实现JavaScript？

4 个答案: