JavaScript基本用法

JavaScript应该放在什么位置？

①行内JS

<button onClick="alert('Hello Everybody！')">按钮</button>

优点：非常的直观，直接作用于你写的元素

缺点：1、结构分离不清晰(html/csss/js)

      2、复用性底

      3、不利于后期维护与修改

②内部JS

<script>

      //JavaScript 代码

</script>

优点：1、结构分离更清晰(较行内JS)。2、当前页面可复用 3、利于后期维护和修改

缺点：1、只能当前页面使用，不能多页面复用。2、多页面之间的维护比较麻烦。

③外部JS

<script src="./js/script.js"></script>

JavaScript-输出

JavaScript 显示方案

JavaScript 能够以不同方式“显示”数据：

使用 window.alert() 写入警告框

使用 document.write() 写入 HTML 输出

使用 innerHTML 写入 HTML 元素

使用 console.log() 写入浏览器控制台

document. getElementById()方法

语法：document.getElementById("ID ")

翻译：通过ID获取元素。

 JavaScript语句、注释、变量

1.JavaScript语句是发给浏览器的命令,

这些命令的作用是告诉浏览器要做的事情。

每一句JavaScript代码格式: 语句;

例：alert("hello!");就是一个JavaScript语句

2.JavaScript-注释很重要

注释可分为单行注释与多行注释两种

单行注释，在注释内容前加符号 “//”

多行注释以"/*"开始，以"*/"结束。

3.变量

什么是变量？

什么是变量? 从字面上看，变量是可变的量；从编程角度讲，JavaScript 变量是存储数据值的容器。我们可以把变量看做一个盒子,盒子用来存放物品,物品可以是衣服、玩具、水果...等。

给变量取个名

我们为了区分盒子，可以用box1,box2等名称代表不同盒子，box1就是盒子的名字（也就是变量的名字）。

注意：变量名字可以任意取，只不过取名字要遵循一些规则:

必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。例如：mysum _mychar, $numa198  

变量名区分大小写，如:A与a是两个不同变量。

不允许使用JavaScript关键字和保留字做变量名。

 例如：mysum, _mychar, $numal

变量声明

声明变量语法: var 变量名;

var mysum;一次声明一个变量

var mysum=12,mynum="str";一次声明多个变量

注意:变量也可以不声明，直接使用，但为了规范，需要先声明，后使用。

变量赋值

var mynum=5;//声明变量mynum并赋值

注:这里 "="号的作用是给变量赋值，不是等于号。

JavaScript 的数据类型

JavaScript持5种单的数据类型:number，string，boolean，undefined，null