1.使用JavaScript

<script>
    // 这里是JavaScript代码
</script>

在HTML页面中,script标签可以写在header标签中也可以写在body标签中
* 让我们先来建立一个HTML文件

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这里的代码用于在移动端自动缩放 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>使用JavaScript</title>
  </head>
  <body>
    <script>
        let text = 'this is my first JavaScript project'
        // 页面中弹出text这句话
        alert(text)
        // 打开浏览器的Console也可以看见这句话
        console.log(text)
    </script>
  </body>
</html>
  • 让我们再来建立一个Js文件

HTML(index.html)文件内容:

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- 这里的代码用于在移动端自动缩放 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <title>使用JavaScript</title>
  </head>
  <body>
    <!-- 引入js文件 -->
    <script src="./index.js"></script>
  </body>
</html>

Js(index.js)文件内容

let text = 'this is my first JavaScript project'
alert(text)
console.log(text)

Tips:Js文件中并不需要script这个标签

文件结构

这里写图片描述

index.js里面的内容就是上面script标签里面的内容了

上面两个操作将会得到相同的结果!!!

  • script标签基本

猜你喜欢

转载自blog.csdn.net/qq_24729895/article/details/80119320