1.使用JavaScript

最新推荐文章于 2022-10-12 21:03:12 发布

echone_wenqian

最新推荐文章于 2022-10-12 21:03:12 发布

阅读量146

点赞数

分类专栏： JS JavaScript从入门到放弃

本文链接：https://blog.csdn.net/qq_24729895/article/details/80119320

版权

JS 同时被 2 个专栏收录

34 篇文章 0 订阅

订阅专栏

JavaScript从入门到放弃

5 篇文章 0 订阅

订阅专栏

<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标签基本

echone_wenqian

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
1.使用JavaScript

&lt;script&gt; // 这里是JavaScript代码&lt;/script&gt;在HTML页面中，script标签可以写在header标签中也可以写在body标签中 * 让我们先来建立一个HTML文件&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&am
复制链接

扫一扫