JavaScript入门(part2)--JS书写方式及注释

学习笔记，仅供参考，有错必纠

参考自：pink老师教案

文章目录

JavaScript入门
- JS书写方式
- - 行内式
  - 内嵌式
  - 外部JS文件
- JS注释

JavaScript入门

JS书写方式

JS有3种书写方式，分别为行内、内嵌和外部，下面我们将进行一一演示。

行内式

举个例子

HTML代码：

<!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><input type="button" value="点我" οnclick="alert('Hi~')" />
</body></html>

页面：

注意事项
- 可以将单行或少量 JS 代码写在HTML标签的事件属性中（以on开头的属性，如：onclick）
- 注意单双引号的使用：在HTML中我们推荐使用双引号, JS 中我们推荐使用单引号
- 可读性差，在html中编写JS大量代码时，不方便阅读；
- 引号易错，引号多层嵌套匹配时，非常容易弄混；

内嵌式

举个例子

HTML代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS导入方式</title><script>alert('Hello  World~!');</script>
</head><body></body></html>

注意，可以将多行JS代码写到script标签中。

页面：

外部JS文件

举个例子

HTML代码：

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>JS导入方式</title><script src="js/jsDemo1.js"></script>
</head><body></body></html>

页面：

注意事项
- 利于HTML页面代码结构化，把大段 JS代码独立到 HTML 页面之外，既美观，也方便文件级别的复用
- 引用外部 JS文件的成对script标签中不可以写代码
- 该引用方式，适合于JS 代码量比较大的情况

JS注释

单行注释的注释方式如下：

// 我是一行文字

多行注释的注释方式如下：

/*我是第1行我是第2行
*/

JavaScript入门(part2)--JS书写方式及注释相关推荐

JavaScript 书写方式与注释
JavaScript是运行在浏览器端的脚步语言,JavaScript主要解决的是前端与用户交互的问题,包括使用交互与数据交互.JavaScript是浏览器解释执行的,前端脚本语言还有JScript(微 ...
第一讲javascript入门（js的组成、事件类型、嵌入方式、注释方式、输出方式、变量类型、变量命名规则、字符串转义符、算术运算符、数据类型转换、null和undefined的区别）
目录理论: JavaScript是什么 js的组成二.JavaScript引入方式 1.嵌入式 2.外部引入事件定义三.JavaScript注释方式 1.单行注释 2.多行注释四.JavaS ...
JavaScript 的三种书写位置，注释形式，变量的使用叙述
文章目录 1. JS code的三种书写位置 1.1 行内写法 1.2 内嵌写法 1.3 外部写法 1.4 注意事项 2. JS 的注释 4. JS 常用的输出语句 4.1 浏览器弹出警示框 4.2 ...
JavaScript入门，js基础教学
JS入门 js的书写位置内嵌式使用的是Script标签,该标签可以写在html文档中的任何位置 [强调]一般情况下,我们应该将其写在head标签中. 外链式通过script标签的src属性,引入 ...
从零开始的JavaScript入门-使用JS绘制柱状图与折线图
上一篇博客讲解了如何使用JS绘制美观的热图,本篇准备讲解一下最基本的统计图:柱状图与折线图. 这两个图其实本质上是一样的.老样子,先上效果: 再上代码: <!DOCTYPE html> & ...
JavaScript学习（八十三）—JavaScript书写位置、注释、以及输入输出语句
JavaScript学习(八十三)-JavaScript书写位置.注释.以及输入输出语句一.JavaScript书写位置 JS 有三种书写位置,分别为行内.内嵌和外部. (一). 行内式 JS &l ...
JavaScript入门第一天，js教程，js变量，数据类型，数据转换，隐式转换
今天在整理笔记,这是我重新整理的JavaScript的笔记.我觉得学什么东西,就应该认真去学,努力去学! java学习笔记一.js有三种方式来使用 1. 首先第一种:写在标签里面 2. 其次第二种: ...
JavaScript初学入门（JS打印9*9乘法表，JS制作简易计算器）
目录网页的三部分组成: Java和JavaScript的关系: JavaScript的三种使用方式: Js的5种输出方式: Js的语法初始: js中值的类型: JS中的运算符: JS中的流程控制语句 ...
JS JavaScript入门
JavaScript 脚本语言局限于浏览器可以实现动态网页是一门基于对象和事件驱动的脚本语言 ,通常用来提高网页与用户的交互性概念基于对象事件驱动脚本语言特点+优势课 ...

JavaScript入门(part2)--JS书写方式及注释

文章目录

JavaScript入门

JS书写方式

行内式

内嵌式

外部JS文件

JS注释

JavaScript入门(part2)--JS书写方式及注释相关推荐

最新文章

热门文章