JavaScript基本用法

1.2JavaScript基本用法

JavaScript应该放在什么位置？

① 行内JS

<button onClick="alert('hello Word')">按钮</button>

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

缺点：1、结构分离不清晰(html/csss/js) ； 2、复用性低； 3、不利于后期维护与修改

②内部JS

<script>
    //javascript 代码
</script>

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

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

③外部JS

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

优点：1、结构分离清晰 2、复用性高 ； 3、利于后期多页面的维护和修改；

1.3JavaScript-输出

JavaScript 显示方案

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

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

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

Ø 使用 innerHTML 写入 HTML 元素

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

1.4 JavaScript语句、注释、变量

1.JavaScript 语句是发给浏览器的命令,这些命令的作用是告诉浏览器要做的事情。

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

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

语句以分号结尾，一个分号就表示一个语句结束，多个语句可以写在一行内；

注意：分号前面可以没有任何内容，JavaScript引擎会将其视为空语句；

2.JavaScript-注释很重要

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

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

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

3.变量

什么是变量？

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

给变量取个名

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

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

必须以字母、下划线或美元符号开头，后面可以跟字母、下划线、美元符号和数字。

例如：mysum , _mychar , $numa198

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

不允许使用JavaScript关键字和保留字做变量名(详细可参考W3C学习手册)。

例如：class,if,for,......

变量声明

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

var mysum; //一次声明一个变量

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

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

变量赋值

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

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

另有两个特殊的运算符号：

1."==" :等同运算符：只判断值是否相等（双等号） 2."= = ="：全等运算符：既判断值是否相等，又判断数据类型是否相等。（三等号）

<script>
    var num = "11";
    alert(11 == num );// true
    alert(11 === num );//false
</script>

javascript 弱类型语言（动态类型语言） ,通过var声明变量，没有编译阶段，一个变量可以随意给其赋值。什么类型的都可以

强类型语言：

数值数据变量 int

浮点型：float donble(双精度);

符串变量：string;

布尔类型变量：bool; (true false 一真一假)

全局变量以及局部变量(内部变量)：

作用域不同：全局变量的作用域为整个程序，而局部变量的作用域为当前；函数或循环等

内存存储方式不同：全局变量存储在全局数据区中，局部变量存储在栈区；

生命期不同：全局变量的生命期和主程序一样，随程序的销毁而销毁，局部变量在函数内部或循环内部，随函数的退出或循环退出就不存在了；

使用方式不同：全局变量在声明后程序的各个部分都可以用到，但是局部变量只能在局部使用。函数内部会优先使用局部变量再使用全局变量;