JS垫脚石-基础篇

简介

• JS是一种解释性脚本语言（代码不进行预编译）。
• 主要用来向HTML页面添加交互行为。

组成

• ECMAScript（Web的解释性变成语言）
• DOM（document object model 文档对象类型）
• BOM（browser object model 浏览器对象类型）

基础数据类型

1. 【boolean 布尔值】只能有两个值：true、false
   var x = false;
var y = true;
2. 【number 数字】分为整型（不带小数点的数字）和浮点型（带小数点的数字）
   var x1 = 32;
var x2 = 32.00;
3. 【string 字符串】存储字符的变量，可以是引号或单引号中的任意文本
   var str = 'hello';
4. 【对象】
   var obj = new Object();
5. 【数组】
   var arr = new Array();
6. 【undefined】类型 表示变量不含有值
7. 【null】类型 可以通过将变量值设置为null来清空变量
   注：js为弱类型语言，会根据数值来判断类型，可实时改变变量类型和值

运算符

• 算数运算符(+、-、*、/、%、++、–)
• 赋值运算符(=、+=、-=、*=、/=、%=)
  注：对变量先进行算数运算后再将值赋给变量本身

引入方法

• 外部引入
  <script type="text/javascript>" src="text.js"></script>
• 内部引入
  <script type="text/javascript>">xxxxx</script>
  注：将js代码放在整个html文档的底部最佳。这样即使js执行出错，页面中的元素也能加载出来

调试方法

• alert()
• prompt()
• confirm()
• console.log()
• document.write()

变量的定义

• 关键字:var
• 变量名:a
• • 首字母必须是字母、下划线或$，不能用数字开头
• • 不能使用系统关键字
• • 大小写敏感，多个单词采用驼峰命名法（每个单词的首字母大写）
    注:匈牙利命名法：变量名=属性+类型+描述（如oDiv1）
• 赋值运算符:’=’（将=右边的内容赋给左边的变量）

元素的获取

1. 通过元素ID获取
   document.getElementById('ID');
2. 通过标签名获取
   document.getElementsByTagName('div');
3. 通过类名获取
   document.getElementsByClassName('className');