JavaScript基本语法—书写位置、基本语法规范、常用输出语句，关注收藏，持续更新

燕穗子博客

已于 2022-06-01 21:38:54 修改

阅读量558

点赞数 3

分类专栏： JavaScript 文章标签： javascript java 开发语言面试 c++

于 2022-04-19 20:37:59 首次发布

本文链接：https://blog.csdn.net/m0_64346035/article/details/124282556

版权

JavaScript 专栏收录该内容

68 篇文章 13 订阅

订阅专栏

一、JavaScript在HTML的引用方式

JavaScript在HTML的引用方式共有4种：

（1）页头引入（head标签内）；

（2）页中引入（body标签内）；

（3）元素事件中引入（标签属性中引入）；

—属于结构与行为耦合，不方便维护，不推荐使用

（4）引入外部JS文件，通过script标签引入

优势：可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制，推荐使用方式

注意：这个script标签一旦用于引入外部文件了，就不能编写代码了，即使编写了，浏览器也不能识别，如果需要则可以再创建一个新的script标签，用于编写内部代码

代码演示如下

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 第四种方式，可以将js编写到外部js文件中，然后通过script标签引入 -->
    <script src="./script.js"></script>
    <script>
        // 第三种方式：可以将js代码编写到头部位置，script标签里
        alert("我是script标签中内部的代码");          
    </script>
</head>

<body>
    <!--第一种方式： 
        可以将js 代码编写到标签到 onclick属性中
         当我们点击按钮时，js代码才会执行
    -->
    <button onclick="alert('你点我了')">点我一下</button>
    <!-- 可以将js代码写在超链接的href属性中，这样当点击超链接时，会执行js代码 -->
    <a href="JavaScript:alert('你也点我了')">你也点我一下</a>
    <script>
        // 第二种方式：可以将js代码编写到body位置，script标签里
        alert("我是script标签中内部的代码");          
    </script>


</body>

</html>

二、js基本语法规范

1:注释

/* */ 多行注释

—注释中的内容不会被执行，但可以在源代码中查看

—要养成良好的编写注释的习惯，也可以通过注释对代码进行一些调试

// 单行注释，只对后面的内容有效

2:基本语法

—js中严格区分大小写

—js中每一条语句以分号（;）结尾，如果不写分号，浏览器会自动添加，但会消耗一些系统资源

而且有时候，浏览器会加错分号，所以在开发中分号基本都写

—js中会自动忽略多个空格和换行，所以我们可以利用空格和换行对代码进行格式化

—js代码是从上到下，一行行执行的，有执行顺序

三、输出语句

1、控制浏览器弹出一个警告框

alert 警告告诉浏览器弹出一个警告框

alert("这是我的第一行js代码");

2、让计算机在页面中输出一个内容

document.write("");可以向body中输出一个内容

document.write("看我出不出来~~~");

3、向控制台输出一个内容

console.log("")的作用是向控制台输出一个内容

console.log("你猜我在哪里出来呢");

4、用户输入数据

window.prompt("请输入数字");

燕穗子博客

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
JavaScript基本语法—书写位置、基本语法规范、常用输出语句，关注收藏，持续更新

一、JavaScript在HTML的引用方式JavaScript在HTML的引用方式共有4种：（1）页头引入（head标签内）；（2）页中引入（body标签内）；（3）元素事件中引入（标签属性中引入）； —属于结构与行为耦合，不方便维护，不推荐使用（4）引入外部JS文件，通过script标签引入优势：可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制，推荐使用方式注意：这个script标签一旦用于引入外部文件了，就不能编写代码了，即使编写了，浏览器也不能...
复制链接

扫一扫