【JavaScript的基础入门】

目录

一.基本概念

二.javscript的组成

三.javascript的基本使用

1.javascript用法行内式

2.javascript注释

3.javascript 输入输出语句

4.标签的事件属性（部分）

5.全局变量与局部变量的区别

---

一.基本概念

javascript是基于服务器的一种脚本语言
javascript是弱类型语言，没有类型声明，它的变量不必具有一个明确的类型。

二.javscript的组成

ECMAScript 构成了JS的核心语法
BOM Browser Object Model【浏览器对象模型】，用来操作浏览器上的对象
DOM Document Object Model【文档对象模型】，用来操作网页中的元素

三.javascript的基本使用

1.javascript用法
行内式

在 html 元素中直接用使用 js 语句 ,一般是调用函数等
<input type="button" value="love" onclick="alert('love you')">

内嵌式
用标签包裹，一般用来实现较小的功能

<script> alert('love you '); </script>

外部引用 js 文件

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

2.javascript注释

// 单行注释 
/* 多行注释 */·

3.javascript 输入输出语句

浏览器弹出框：alert("需要弹出的信息") ；
浏览器控制台打印输出信息 console.log("需要打印的信息") 
浏览器弹出输入框，用户可以输入prompt("弹出的提示语句") 
浏览器弹出的确认与取消框confirm()

4.标签的事件属性（部分）

onclick // 鼠标点击左键
ondbclick // 鼠标双击
oncontextmenu // 鼠标点击右键
mousedown // 鼠标按键被按下
mouseup // 松开鼠标按键
oncopy // 元素内容被复制
onselect // 文本被选中
onmouseenter // 鼠标移动到事件监听的元素内（不区分子元素）
onmouseover // 鼠标移动到有事件监听的元素或它的子元素内
onmouseleave // 鼠标离开元素外（不区分子元素）
onmouseout // 鼠标离开元素，或它的子元素外
onblur // 失去鼠标焦点（进入其他input输入框）
onfocus // 获得鼠标焦点(点击input输入框)
onmousemove // 鼠标移动
onmouseup // 鼠标弹起
onmousedown // 鼠标按下

5.全局变量与局部变量的区别

全局变量：

• 变量在<script>标签之内，或者是一个单独js文件

• 如果在函数内部没有声明的变量也属于全局变量（即在函数内部可以使用外部的变量）

• 浏览器关闭才会销毁

局部变量：

• 变量声明在函数内部

• 函数的形参也可以看做是局部变量

• 函数执行完毕就会销毁