1、JavaScript概述
script:脚本、手迹、剧本、手稿
ECMAScript(核心):规定JS的 语法和基本对象
DOM 文档对象模型:处理网页内容的方法和接口(控制HTML标签的)
标记型文档:即HTML。相关的HTML最终被加载内存中,通过控制DOM就可以控制HTML的展示效果
BOM 浏览器对象模型:与浏览器交互得到方法和接口 例如: 浏览器窗口的大小、滚动条、前进后退等等
1.4、JavaScript的引入方式
1.4.1、内部脚本
1.4.2、外部引入
1.4.3、script标签规范的放置位置(了解)
开发规定,script标签的放置位置为:
Body结束标签前。
如图所示:
优点:
①保证HTML展示内容优先加载,最后加载脚本。增强用户体验性 (如果把script放在内容前面,在用户网络比较差时,用户看到的时白板,体验很差)
2、JavaScript语法及规则
2.1、注释
单行注释
//
Hbuilder快捷键Ctrl+/
多行注释
/* */
Hbuilder快捷键 先选中要注释的内容 Ctrl+shift+/
2.2、变量
变量:表示内存中的一块空间,用于存储数据 且数据是可变的
变量的声明:
var 变量名;//变量赋予默认值,默认值为undefined(未定义的)
变量的声明和赋值:
var 变量名=值; //变量赋予对应的值
变量必须先声明,如果不声明,代码就会停止
在声明JavaScript变量时,需要遵循以下命名规范:
①必须以字母或下划线开头,中间可以是数字、字符或下划线
②变量名不能包含空格等符号
③不能使用JavaScript关键字作为变量名,如:function、this、class
④JavaScript严格区分大小写
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script>
var a=10; //undefined
alert(a);
// alert(b);//没有声明变量b,有错误,停止代码
</script>
</head>
<body>
</body>
</html>