1、javascripe的简介
是基于对象和事件驱动的脚本语言,应用于客户端
基于对象:
提供好了很多对象,可以直接拿过来使用
事件驱动:
html做网站静态效果,JavaScript动态效果
客户端:专门指的是浏览器
js的特点
(1)交互性
信息的动态交互
(2)安全性
js不能访问本地磁盘的文件
(3)跨平台性
java里面跨平台,jvm
只有能够支持js的浏览器,都可以运行
js和java的区别
(1)java是sun公司,现在Oracle,js是网景公司
(2)js是基于对象的,Java是面向对象
(3)java是强类型的语言,js是弱类型的语言
比如java里面 int i="10";(no)
js: var i=10; var m="10";
(4)js只需解析就可以执行,而java需要先编译成字节码,再执行
js的组成
三部分
(1)ECMAScript
ECMA:欧洲计算机协会
由其组织指定js的语法,语句
(2)BOM
broswer object model:浏览器对象模型
(3)DOM
document object model:文档对象模型
2、js和html的结合方式(2中)
(1)使用一个标签<script type="text/javascript"> js代码 </script>
(2)使用script标签,引入一个外部的js文件
创建一个js文件,写js代码
<script type="text/javascript" src="1.js"></script>
使用第二种时,就不要在script标签里面写js代码了,不会执行
3、js的原始类型和声明变量
java的基本数据类型 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
undifined
定义一个变量,没有赋值
var aa;
typeof();查看当前变量的数据类型
4、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:
......
}
循环语句for while do—while
while循环
var i=5;
while(i>1){
alert(i);
i--;
}
for循环
for(var i=0;i<=3;i++){
alert(i);
}
5、js的运算符
+=;x+=y;===> x=x+y;
js里面不区分整数和小数
var j=123;
alert(j/1000*1000);
//j/1000*1000 在java里面得到结果是0
//在js里面不区分整数和小数,123/1000=0.123*1000=123
字符串的相加和相减的操作
var str="123";
如果相加时候,做的是字符串连接
如果相减,做的事相减的运算
//字符串的操作
var str="456";
//alert(str+1); //在java里面操作的结果4561,在js里面还是4561
alert(str-1); //相减时候,执行减法的运算
提示NaN:表示不是一个数字
boolean类型也可以操作
如果设置成true,相当于这个值是1
如果设置成false,相当于这个值是0
==和===的区别
做判断
==比较的只是值
===比较的是值和类型
引入知识
直接向页面输出的语句(可以把内容显示在页面上)
document.write("sss");
document.write("<hr/>");
可以向页面输出变量,固定值和html代码
6、乘法表
<script type="text/javascript">
document.write("<table>");
//循环行
for(var i=1;i<=9;i++){
document.write("<tr>");
for(var j=1;j<=i;j++){
document.write("<td>");
document.write(j+"*"+i+"="+i*j);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
document.write里面是双引号,如果设置标签的属性需要使用单引号
document.write可以输出变量,还可以输出html代码
7、js的数组
使用变量
var m=10;
java里面的数组 定义 int[] arr={1,2,3};
定义方式(三种)
第一种:var arr=[1,2,3]; var arr=[1,"4",true];
第二种:使用内置对象 Array对象
var arr1=new Array(5);//定义一个数组,数组的长度是5
arr1[0]="1";
第三种:使用内置对象Array
var arr2=new Array(3,4,5);//定义一个数组,数组里面的元素是3 4 5
数组里面有一个属性 length:获取到数组的长度
数组可以存放不同的数据类型的数据
8、js的函数
在java里面定义方法
public 返回类型void/int 方法名(参数列表){
方法体;
返回值;
}
在js里面定义函数(方法)有三种方式
第一种:
使用到一个关键字function
function 方法名(参数列表){
方法体;
返回值可有可无(根据实际需要);
}
第二种:
匿名函数
var add=function(参数列表){
方法体和返回值;
}
第三种:(用的少,了解)
动态函数
使用到js里面的一个内置对象Function
var add=Function("参数列表","方法体和返回值");
9、js的全局变量和局部变量
全局变量:在script标签里面定义一个变量,这个变量在页面的js部分都可以使用
在方法外部使用,在方法内部使用,在另外一个script标签使用
局部变量:在方法内部定义一个变量,只能在方法内部使用
如果在方法的外部调用这个变量,提示出错
BCRIPT5009:"nn"未定义
12-js的局部变量.html,行18 字符3
ie自带了一个调试工具,ie8及其以上的版本中,键盘上F12,在页面下方出现一个条
10、script标签放的位置
建议把script标签放到</body>后面
如果现在有一个需求:
在js里面需要获取到input里面的值,如果把script标签放到head里面会出现问题
html解析是从上到下解析的,script标签放到的是head里面,直接在里面去input里面的值
因为页面还没有解析到input哪一行,肯定取不到
11、js的重载
什么是重载,方法名相同,参数列表不同
java里面有重载,肯定有
js里面是否有重载
JS1
最新推荐文章于 2021-05-24 22:56:49 发布