javascript简介
基于对象和事件驱动的语言,应用于客户端
- 基于对象:提供好了很多对象,可以直接拿来用
- 事件驱动:html做网站静态效果,javasript动态效果
- 客户端:专门指的是浏览器
js的特点
- 交互性
- 安全性:js不能访问本地磁盘的文件
- 跨平台性:java里面跨平台性,虚拟机;只要能够支持js的浏览器,都可以运行
js与java的不同
- java是sun公司,显著oracle;js是网景公司
- js基于对象;java面向对象
- java是强类型的语言;js是弱类型的语言
- js只需解析就可以执行,而java需要先编译成字节码文件,再执行
js组成
- ECMAScript:指定语法
- BOM:浏览器对象模型
- DOM:文档对象模型
js和html的结合方式
- 第一种:使用一个标签
<script type="text/javascript"> js代码; </script>
**alert:**js里面的提示弹窗函数
- 第二种:使用script标签,引入一个外部的js文件
js文件:
html中:
使用第二种方式的时候,就不要在script标签里面写js代码了,不会执行。
js基本语法
js 的原始类型和声明变量
java的基本数据类型8个: byte short int long float double char boolean
定义变量 都使用关键字 var
js的原始类型5个:
- string:字符型
var str = "abc";
- number:数字类型
var m = 123;
- boolean:true和false
var flag = true;
- null var date = new Date(); 获取对象的引用,null表示对象引用为空,所有对象的引用也是object
- undified 定义一个变量,但没有赋值
var aa;
typeof();
查看当前变量的数据类型
JS的语句
java语句:if switch for while do-while
js里面的这些语句
if:
switch语句
java里面支持的类型 string在jdk1.7开始支持
js里面都支持
switch(a){
case 5:
break;
case 6:
break;
default;
}
循环语句
while循环
for循环 不用int用var啦
i++和++i和java一样
js的运算符
js里面不区分整数和小数
字符串的相加和相减操作
加减都可以,用字母去加减提示NaN,表示不是一个数字
boolean类型也可以操作
true为1,false为0
==
和===
区别
==
比较的只是值
===
比较的是值和类型
引入知识
直接向页面输出的语句,可以把内容显示在页面上
可以向页面输出变量,固定值和html代码
99乘法表,用表格表示
document.write里面是双引号,如果设置标签的属性需要使用单引号
document.write可以输出变量,还可以输出html代码
js的数组
java里面的数组 定义 int [] arr = {1,2,3};
js定义方式三种
var arr = {1,2,3,true,"4"};
- 使用内置对象Array对象
var arr1 = new Array(5);//定义一个数组,数组的长度是5
arr1[0]="1";
- 使用内置对象Array
var arr2 = new Array(3,4,5); //定义一个数组,数组里面的元素是3 4 5
数组属性:length
js的函数
在js里面定义函数3种:
参数列表里不需写var,直接写参数
js的全局变量和局部变量
全局变量:在script标签里面定义一个变量,这个变量在页面中js部分都可以使用——在方法外部使用,在方法内部使用,在另外一个script标签使用
局部变量:在方法内部定义一个变量,只能在方法内部使用—— 如果在方法的外部调用这个变量,提示出错,在ie浏览器按F12可以进入调试,在控制台里看到
script标签的位置存放
建议把script标签放到</body>
后面
html解析是从上到下解析的,不能乱了顺序
js的重载
js的string对象
方法:
- 与html相关的方法
bold();加粗
fontcolor();设置字符串的颜色
fontsize();设置字体的大小
link();将字符串显示成超链接
sub():下标
sup():上标
- 与java相似的方法
concat:连接字符串
charAt:返回指定位置的字符串、
字符串下标都是从0开始
indexOf:返回字符串位置
字符不存在,返回-1
split:切分字符串,成数组
replace:替换字符串
传递:原始字符串和替换成的字符串
substr和substring
js的Array对象
属性:
length
方法:
concat:数组的连接
join:根据指定的字符分割数组
结果:a-b-c
push:向数组末尾添加元素,返回数组的新的长度
加完的数组长度是4,即push里面整个当作一个元素,就算是数组也只当作一个元素
pop:删除最后一个元素,返回删除的那个元素,返回zhaoliu
reverse:颠倒数组中的元素的顺序
方法要加(),属性什么都不加