＜一起JS(基础篇)＞2.JS的编写位置和基本语法

最新推荐文章于 2025-04-11 21:17:00 发布

Kylin Yang

最新推荐文章于 2025-04-11 21:17:00 发布

阅读量142

点赞数

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

本文链接：https://blog.youkuaiyun.com/ammmmaa/article/details/113582930

版权

JS 专栏收录该内容

6 篇文章

订阅专栏

本文详细介绍了JavaScript的编写位置，包括外部JS文件形式，并探讨了JS的基本语法，帮助初学者掌握JS入门知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<一起JS(基础篇)>2.JS的编写位置和基本语法

一、JS的编写位置

代码如下：

<!DOCTYPE html>
<!--
 * @Author:KylinYang
 * @Date: 2021-01-29 14:50:50
 * @LastEditTime: 2021-01-29 15:13:05
 * @Description: js编写位置
 * @FilePath: \undefinedd:\VSCode\JS\02js编写位置.html
-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


<!-- 可以将js代码编写到script标签
    <script type="javascript">


    </script>
 -->

<!-- 可以将js编写到外部js文件中，然后通过script标签引入 
    写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制
    推荐使用
    要注意的是，script标签一旦用于引入了外部文件了，就不能再编写代码了，即使编写了浏览器也会忽略
    如果需要，则可以再创建一个新的script标签用于编写内部代码
-->
<script type="text/javascript" src="02js编写位置.js"></script>
</head>
<body>
    <!-- 虽然可以写在标签的属性中，但是他们属于结构与行为耦合，不方便维护，不推荐使用 -->

    <!-- 
        可以将js代码编写到标签的onclick属性中 
        当我们点击按钮时，JS代码才会执行
    -->
    <button onclick="alert('0.0')">点我一下</button>

    <!-- 
        可以将js代码编写到超链接href属性中，这样当点击超链接时，会执行JS代码 
    -->
    <a href="javascript:alert('0.O');">你也点我一下</a>
    <a href="javascript:;">你也点我一下</a>
</body>
</html>

外部JS文件形式

/*
 * @Author:KylinYang
 * @Date: 2021-01-29 15:06:37
 * @LastEditTime: 2021-01-29 15:10:06
 * @Description: 外部js文件
 * @FilePath: \undefinedd:\VSCode\JS\02js编写位置.js
 */
alert("我是外部js标签");

二、JS基本语法

代码如下：

<!DOCTYPE html>
<!--
 * @Author: KylinYang
 * @Date: 2021-01-29 15:13:34
 * @LastEditTime: 2021-01-29 15:23:52
 * @Description: JS基本语法
 * @FilePath: \undefinedd:\VSCode\JS\03js基本语法.html
-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script type="text/javascript">
            /*
            JS注释
            多行注释，注释中的内容不会被执行，但是可以在源代码中查看
            */

            //单行注释


            /*
            *1.JS中严格区分大小写
            *2.JS中每一条语句以分号(;)结尾——如果不写分号，浏览器会自动添加，但是会消耗一些系统资源，而且有时候浏览器会加错分号，所以在开发中必须写
            * 3.JS会忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化
            * 
            */

    </script>
</head>
<body>
    
</body>
</html>