目录
一. JS概述&入门
我们为什么要学习JS?: 为了做页面的各种特效
HTML:肉体
CSS:穿衣服/化妆
JS:大脑、灵魂
脚本语言:(快)
1、无法独立执行。必须嵌入到其他语言(HTML)中,结合使用。
2、无需编译,直接被浏览器解析执行。
Java编程语言:(安全、维护性高、执行效率)
1、独立写程序,独立运行。 编译—执行
2、先编译 后执行
- 举例:
<!--
从1累加,累加到50,进行控制台展示。
int sum = 0;
for(int i=1;i<=50;i++){
sum+=i;
}
System.out.println(sum);
-->
<script>
/*
* js注释: 和Java注释一样。有单行注释和多行注释
* */
var sum = 0;
for(var i=1;i<=50;i++){
sum+=i;
}
alert(sum);
</script>
- 小结:
- JavaScript的执行过程由上到下依次执行 (代码出错会强行停止)
- JavaScript没有访问系统文件的权限(安全)
- JavaScript允许出现一定数量的链式编程
二.JS组成
- ECMAScript (核心):规定了JS的语法和基本对象。
(if,for,while…..)
- DOM 文档对象模型:处理网页内容的方法和接口
标记型文档。HTML
(页面特效)
- BOM 浏览器对象模型:与浏览器交互的方法和接口
(浏览器操作(浏览器打开、关闭、地址栏、浏览器桌面上的位置))
三. JS引入方式
向HTML中引入JS代码:
- 内部脚本:(写在HTML页面上)
格式:
<script>
JavaScript的代码
</script>
理论上可以放在页面任何位置
建议:
放在<head>标签中
- 外部脚本:
格式:
<script type=”text/javascript” src=”javascript文件路径” ></script>
(.js)
- 注意:
引入外部JS的<script>标签,内容体中不能出现任何代码。
四. JS-注释
- 等同于Java注释
- 单行注释
//
- 多行注释
/* */
五.JS-变量
<script>
//仅定义变量,系统赋予默认值:undefined 未赋值
//等同于 var a1 = undefined;
var a1;
alert(a1);
//定义变量并赋值
var a2 = 10;
alert(a2);
</script>
- JavaScript严格区分大小写。
var aa 和 var AA 不是同一个变量
1.基本数据类型
类似于java中的基本数据类型。
- 举例:
<script>
/*
* Java中的基本数据类型:
* byte short int long float double char boolean
* JS中的基本数据类型:
* string : 字符串(JS中弱化单字符)
* number : 整数、小数、
* NaN (Not A Number) 不是一个数字
例如:把”ab”转为数字 强转 NaN
* boolean : true false
* null : 空
* undefined : JS默认值
* */
var str = "xx";
var num1 = 10;
var num2 = 10.55;
var num3 = NaN;// num3的值不是一个数字
var f = true;
var obj = null;
var aa;//undefined
var bb = undefined;
</script>
通过typeof运算符可以分辨变量值属于哪种基本数据类型
ECMAScript实现之初的一个bug,null属于基本数据类型,typeof(null)–àobject
举例:
<script>
//JS中,变量就是一个盘子,任何数据类型的值都能保存
//需要判断,现在变量里是什么类型的值。 typeof(变量)
var str = "xxx";
alert(str+"-----------"+typeof(str));
str = 10;
alert(str+"-----------"+typeof(str));
str = true;
alert(str+"-----------"+typeof(str));
str = undefined;
alert(str+"-----------"+typeof(str));
str = null;
alert(str+"-----------"+typeof(str));
</script>
2.引用数据类型
Java 中的引用数据类型 都是Class(类)
JavaScript中的引用数据类型 都是对象。
标准创建方式:
var str = new String();//和java相同
var str = new String; //js独有的方式
引用数据类型默认值:null
看完恭喜你,又知道了一点点!!!
你知道的越多,不知道的越多!
~感谢志同道合的你阅读, 你的支持是我学习的最大动力 ! 加油 ,陌生人一起努力,共勉!!