javascript(基础)
shell 外壳
内核
渲染引擎 语法规则 绘制页面
js脚本引擎
主流浏览器的分类
IE Trident Chakra
FireFox Gecko Monkey
Safari webkit Nitro
Chrome blink V8
Opera webkit V8
网页的组成
- html(结构)
- HTML:超文本标记语言除了可以渲染和容纳文字以外还可以容纳图片、音视频等;
- XHTML:更加严谨的超文本标记语言;
- HTML5:基于HTML的基础上增加许多强大并且非常实用的API;
- css(表现)
- css:层叠样式表
- css3:源于css的基础上增加了一些非常方便我们开发的样式属性,例如:border-radius:20px;可以实现盒子的属性。
- javascript(行为)
- 一门轻量级的客户端脚本编程语言,运行在客户端,运行在浏览器上的语言,编程语言,都是面向对象来开发的
javascript的作用
1.实现页面产品中的交互效果
2.把数据绑定到一个html页面中
3.用JS语言写服务器后台,进行文件处理,数据存储分析,业务逻辑处理等核心的操作
javascript的引入方式
行内引入:安全性低
内嵌式:写在script标签中
外链式:通过script标签的src属性
JS中的输出方式
1、alert (要输出的内容); 在浏览器中弹出一个框,在框中有我们要输出的内容(不管最后输出什么内容,输出的都是字符串内容)
2、confirm 在浏览器中弹出一个提示确认框(confirm("确定要删除吗?"))
3、console.log (要输出的内容); 按F12在控制台中的console页卡中显示(一般用于调试,不会影响页面中的内容)
4、console.dir: 他只是比.log输出的内容更加详细一些
5、console.table: 他能把我们需要查看的数据在控制台中以一个表格的形式展示出来
6、document.write (我们要输出的内容); 直接显示在页面中,不停的输出
7、innerHTML/innerText 动态的向指定的元素中添加内容
JS的组成
- ECMAScript (定义了JS的基本语法,命名规范,操作语句,变量,数据类型等最基础最核心的知识)
- DOM (document object model 文档对象模型) 提供了JS操作页面上元素的常用属性和方法
- BOM (browser object model 浏览器对象模型) 提供了JS操作浏览器的常用属性和方法
JS的命名规范
- 严格区分大小写
- 使用驼峰命名法(匈牙利命名法)
- 第一个单词的首字母小写,其余每一个有意义的单词的首字母都要大写
- 只能使用数字、字母、下划线命名
- 数字不能作为名字的第一位
不能使用关键字和保留字(关键字就是在JS中有特殊含义的;保留字是未来可能会成为关键字的;)
JavaScript 变量
const常量
const 设置的是常量,一经设置不可改变。在设置时必须赋初值。
var
var设置的是变量,可以不赋初值。
如果不赋初值的话,变量的类型为undefined; var a; 类型为undefined 返回值是 undefined
如果赋值为: var a =" "; 类型为string 返回值是 string
如果赋值为: var a = 1; 类型为number 返回值是 number
如果赋值为: var a = null; 类型为null 返回值是 object
如果赋值为: var = true; 类型为boolean 返回值是 true 或 false。
可使用 JavaScript 的 typeof 来确定 JavaScript 变量的类型:
数据类型分类 |
说明 | 详细分类 |
原始类型 |
比如:var a = 1, b = 1; a == b; //true |
数字(number) |
字符串(string) | ||
布尔值(boolean) | ||
null | ||
undefined | ||
对象类型 |
比如:var a = [], b = []; a == b; //false,只有在引用相同时,两个只才会相等 |
特殊对象--数组(array) |
特殊对象--函数(function) | ||
object类型 |