犟驴学编程

# JS基础-初识JavaScript

作者: 多叉树；转载须注明出处

前面讲了前端开发必备的三种语言。其中的HTML、CSS我们基本上有了比较正确的认识。这里讲一下JavaScript。

语言 功能
结构层 HTML 搭建结构、放置部件、描述定义
样式层 CSS 美化页面、实现布局
行为层 JavaScript 实现交互效果、数据收发、表单验证
  • HTML构成了基础的骨架。
  • CSS 添加了很多效果， 使得页面更好看。
  • 而JavaScript(简称JS)使得 页面数据“动”了起来。也就是说使得网页有了交互能力。

所谓的交互能力， 就是不用刷新页面，点击一个按钮后，就能动态渲染使得页面的局部做出改变。就比如 百度一下，就可以加载出很多我们想要的内容，这其中就有JS的参与。

Untitled

# 书写位置

  • 写在script标签中

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0" />
    <title>JS书写位置</title>
  </head>
  <body>
    <script>
      // alert 是 JS当中的弹框
      alert("hello world");
    </script>
  </body>
</html>

  • 写在单独的js文件中，通过 进行引用。

    js目录下新建 demo.js。

    alert('Halou World!');

    新建文件 helloworld.html，并在其引用 demo.js。

    <!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=<device-width>, initial-scale=1.0" />
    <title>JS书写位置</title>
  </head>
  <body>
    <!--引用外部js， 这里用到了相对路径， 相对路径我们在写css的也使用到了，这个概念是相通的-->
    <script src="./js/demo.js"></script>
  </body>
</html>

← 变量 →