1-JS-Helloworld

最新推荐文章于 2023-07-23 19:40:55 发布

我要糖

最新推荐文章于 2023-07-23 19:40:55 发布

阅读量284

点赞数 1

分类专栏： JS 文章标签： js

本文链接：https://blog.csdn.net/qq_44790423/article/details/113940483

版权

JS 专栏收录该内容

26 篇文章 1 订阅

订阅专栏

这里我用VScode编辑器进行代码的编写

Hello world！

JS 程序可以在

<!DOCTYPE HTML>
<html>
<body>
    
    <p> script 标签之前...</p>

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

	<p> ...script 标签之后 </p>

</body>
        
</html>

外部脚本

如果有大量的JS代码，可以把它放到一个单独的文件里，脚本文件利用src特性可以添加到HTML文件中。

<script src="/path/to/script.js"></script>

这里，/path/to/script.js 是脚本文件从网站根目录开始的绝对路径。当然也可以提供当前页面的相对路径。例如，src ="script.js" 表示当前文件夹中的 "script.js" 文件。

我们也可以提供一个完整的 URL 地址，例如：

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.11/lodash.js"></script>

如果要添加多个脚本，使用多个标签

<script src="/js/script1.js"></script>
<script src="/js/script2.js"></script>
…

注意：

一般来说，只有最简单的脚本才嵌入到 HTML 中。更复杂的脚本存放在单独的文件中。

使用独立文件的好处是浏览器会下载它，然后将它保存到浏览器的缓存中。

之后，其他页面想要相同的脚本就会从缓存中获取，而不是下载它。所以文件实际上只会下载一次。

这可以节省流量，并使得页面（加载）更快。

如果设置了 src 特性，script 标签内容将会被忽略。

举例：

<script src="file.js">
  alert(1); // 此内容会被忽略，因为设定了 src
</script>

我们必须进行选择，要么使用外部的 script src="…"，要么使用正常包裹代码的 script 。

为了让上面的例子工作，我们可以将它分成两个 script 标签。

<script src="file.js"></script>
<script>
  alert(1);
</script>

参考网页：

https://zh.javascript.info/hello-world

我要糖

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
1-JS-Helloworld

这里我用VScode编辑器进行代码的编写Hello world！JS 程序可以在 <!DOCTYPE HTML><html><body> <p> script 标签之前...</p> <script> alert('Hello,world!'); </script> <p> ...script 标签之后 </p></body>
复制链接

扫一扫