【JavaScript】开篇巨制：Hello World！-CFANZ编程社区

【JavaScript】开篇巨制：Hello World！

文章目录

什么是 JavaScript？
浏览器中的 JavaScript 能做什么？
浏览器中的 JavaScript 不能做什么？
JavaScript “上层”语言
Hello, world!

什么是 JavaScript？

【JavaScript】开篇巨制：Hello World！_javascript

浏览器中的 JavaScript 能做什么？

【JavaScript】开篇巨制：Hello World！_html_02

浏览器中的 JavaScript 不能做什么？

【JavaScript】开篇巨制：Hello World！_html_03

【JavaScript】开篇巨制：Hello World！_html_04

JavaScript “上层”语言

【JavaScript】开篇巨制：Hello World！_javascript_05

Hello, world!

< script > 标签中包裹了 JavaScript 代码，当浏览器遇到 < script > 标签，代码会自动运行。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Hello World</title>
  </head>
  <body>
    <!--嵌入式-->
    <script>
      alert("Hello World!");
      alert('Hello');
      alert('World');
    </script>
    
    <!--链入式 -->
    <script src="./helloworld.js"></script>
  </body>
</html>

【JavaScript】开篇巨制：Hello World！_javascript_06

这里，./helloworld.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>

效果展示：

【JavaScript】开篇巨制：Hello World！_html_07

参考：JavaScript 简介

0 条评论