今天下午开始学习Js,一般我们会说它是JavaScript,
刚开始的一段时间,我会慢一点讲。
JavaScript,是一种目前最流行的web编程语言。
JavaScript,它是一种脚本语言。
<!-- 脚本语言这种说法,是相对于例如Java之类的语言来说的,
Java它的源码要编译之后才能运行,
这种方式,对真正的源码是一种保护,
也就是说,未经允许的情况下,你不能得到真正的源码。 -->
脚本语言它不需要编译,你写成什么样,它在浏览器里就是按什么样去运行。
Js不能隐藏自己的源码。所以它的安全性不是很高,这是js本身的情况。
<!-- 现在流行的所谓Js混淆,无非是把一些名称变得不那么容易读而已。 -->
它在浏览器中,也是从上到下,一行一行的读取并执行,
当在某一行发生错误的时候,就会自动的停止执行。
<!-- -->
JavaScript,它的运行必须位于<script></script>标签之间,
这个script标签可以放在页面的head部分,一般会把它放在页面最尾部。
<!-- 了解即可 -->
JavaScript它是官方名称是:ECMA-262。
JavaScript,它的核心是 ECMAScript 标准,
它描述并定义了该语言的语法和基本的对象,
- 语法
- 类型
- 语句
- 关键字
- 保留字
- 运算符
- 对象
JavaScript,它不是完全面向对象的语言。
它是基于对象的,它没有类,没有多态。
在Js里面,可以说,所有的东西都是对象。
ECMAScript,可以为不同的宿主环境提供核心脚本的编程能力。
- 宿主环境,一般是指用来运行JS的环境。
JavaScript只是实现了 ECMAScript 这个标准。
<!-- -->
JavaScript由以下三部分共同组成:
- 核心,ECMAScript;
- 文档对象模型,DOM,其实就是网页,就是html文件
- 浏览器对象模型,BOM,就是浏览器
<!-- -->
js的输出语句,用于在控制台中输出一些信息,
console.log('这是要在控制台中输出的内容');
document.write('要在html页面中输出的内容');
- document,是网页
- .write(),是document的一个方法,用于向网页中写入内容;
<!-- 变量 -->
变量,用于存储数据的容器。
声明变量,使用 var 关键字
例如,var xx = 123,
声明了一个名为xx的变量,
在其中保存了123这个值。
<!-- -->
var _xx = 'afdads';
变量名左边有一个下划分, _,干啥用的呢?
- 表明此变量为局域变量。局域变量以后再说;
- Js变量的命名方式之一;
<!-- 变量的命名方式 -->
- 必须以字母开头;
- 特别符号只支持, $ 和 _;
- 区分大小写;
<!-- 了解,目前 -->
JavaScript,是一种弱类型的语言,
也就是说,它不具体区分是哪种数据的类型;
也就是说,哪一种类型的数据,都可以放在变量里。
var _x1 = 123; //数字 Number
var _x2 = '我我我'; //字符串 String
这是数字、字符串,都可以放在变量里。
但是Js,依然有自己的数据类型,
- 五种基本类型,
String, Number, Boolean, Null, Undefined
- 一种复杂数据类型,Object
<!-- 这个东西目前不要求记 -->
<!-- -->
Boolean,它只有二个值,true 、false
它一般用于逻辑判断语句,
if( 条件 ){
语句块111
} else {
语句块222
}
当条件为true时,执行语句111
否则执行语句222
<!-- -->
true 和 false,你就可以先理解为,真、假
一般这二个值,是通过比较运算符得出的结果,
>
<
>=
<=
==
// 全等、及其它比较运算符,先不提
<!-- -->
for循环,根据指定的条件,把代码块运行指定的次数。
for( 条件1, 条件2, 条件3 ){
语句块
}
其实for循环的三个条件,都不是必须的,你可以不写。
for( ; ; ){
console.log(i)
}
这样你将创建一个无限循环,这个我就不演示了。
<!-- -->
JavaScript语言,它十分的简单,真的很简单。
现在咱们就可以写一些js的操作了。
看,demo4.html
<!-- -->
++, --,是递增、递减运算符;
var i = 0;
i++;
这种写法等于,
var i=0;
i = i+1;
递减同上
递增、递减又分为前置、后置,
以后再说。
<!-- -->
JavaScript,它的运行环境(宿主环境),主要是浏览器。
看,demo5.html
<!-- -->
如果在开发当中,你有哪个“东西”不知道是什么?
那就 console.log(),打印一下看看。
document,它有一些最常用的方法,
- .getElementById('idxx');
通过id查找某个html标签;
使用这个方法,得到某个html标签,
这时,我们说,“我获得了id为idxx的dom节点”。
<!-- -->
前端开发最让人讨厌的一点,同一个东西,在不同的情况下,有不同的名称。
html标签;
html容器;
dom节点;
这三个说法,说的都是同一个东西。
<!-- -->
设置html标签的内容,
.innerHTML = 值
.style.css的属性名 = 值
<!-- -->
今天先就这些,
作业:
1、把页面做完;
2、把这几个js的小例子抄一遍;
目标:
1、掌握基本的js语法;
2、能够查找dom,设置基本的css样式;
打包发我。