<!doctype html>
<html lang="en">
<head>
<meta content="day02" charset="UTF-8">
<title>JavaScript</title>
</head>
<body>
<pre>
1、JavaScrip简介
*javascript是基于对象和事件驱动的脚本语言，主要用于客户端
-基于对象：提供好了很多对象，可以直接拿过来使用
-事件驱动：html做网站静态效果，JavaScript动态效果
-客户端：专门指的浏览器
*特点：
-交互性（信息的动态交互）
-安全性（不可以会直接访问本地磁盘）
-跨平台性（只要是可以解析js的浏览器都可以执行和平台无关）
*JavaScript和java区别：（雷锋和雷峰塔）
-Netscape公司开发的一种脚本语言，并且可在所有主要得浏览器中运行
-JavaScript是基于对象的，java是面向对象的
-JavaScript只需要解析就可以执行，而Java需要先编译成字节码文件，在执行
-JavaScript是一种弱类型语言，java是强类型语言
*JavaScript组成：
*三部分组成
-ECMAScript
**ECMA：欧洲计算机协会
**有ECMA组织制定的js语法，语句......
-BOM
**broswer object model ：浏览器对象模型
-DOM
**document object model : 文档对象模型
2、JavaScript和html结合方式
*第一种
-使用一个标签
<script type="text/javascript">
js代码
</script>
*第二种
-使用script标签，引入一个外部的js文件
**创建一个js文件，写js代码
<script type="text/javascript" src="路径">
</script>
**使用第二种方式时候，就不要再script标签里面js代码了，不会执行。
3、js的原始类型和声明变量
*java的基本数据类型 byte short int long double char boolean
*定义变量 都是用关键字 var
*js的原始类型（五个）
-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()运算符，可以查看变量数据类型，typeof(变量名称)
**所有引用类型都是object
*instanceof运算符解决typeof对象类型判断问题
*区分undifined和null
**变量定义了未初始化访问对象不存在属性——undifined
**访问的对象不存在——null
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(var i=1;i<=5;i++)
{}
*while(i<=5)
{
alert(i);
i++;
}
*i++和++i区别
5、js的运算符
*不区分整数和小数 ：
var j=12; j/100;在java中结果是0；在js中结果是0.12
*字符串的相加和相减
-如果相加的时候，做的是字符串连接。
-如果相减的时候，是数字字符串做的是相减运算;如果不是数字字符串，则提示NaN。
*boolean类型也可以操作
-如果设置成true，相当于这个值是1；
-如果设置成false，相当于这个值是0。
*== 和=== 区别
-都是做判断的，==仅仅是值进行判断，===不仅是值，数据类型也要一样。
var a=5;if(a==="5") :false
var a=5;if(a=="5") :true
*引入知识
直接向页面输出的语句（可以把内容显示在页面上）
-document.write("aaa");
-document.write("<hr/>");
可以向页面输出变量，固定值，html代码
6、9*9乘法表
<script type="text/javascript">
document.write("<table border='1' bordercolor='pink'>");
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[;包含3个元素
var arr = [1,"44",true];
使用内置对象Array()
-第二种： var arr = new Array(5);数组长度5；
-第三种： var arr = new Array(1,2,4);包含三个元素
--数组有属性length
--数组的长度是可变的
--数组可以存放不同的数据类型的数据
8、js函数
*在java里面定义方法
public 返回类型 void 方法名（参数列表）
{方法体；返回值}
*js定义方法（三种）
-第一种：
--使用关键字：function
--function 方法名(参数列表)
{方法体；返回值可有可无(根据实际需要);}
-第二种：
--匿名函数，但是需要给它起个名称
var 函数名称 = function(参数列表)
{方法体和返回值;}
-第三种：
--使用到js里面的内置对象Function
var add= new Funtion("参数列表","方法体和返回值");
9、js的全局变量和局部变量
*全局变量：在script标签里面定义一个变量，和这个变量在页面中所有js部分都可以使用
-在方法外部使用，在方法内部使用，在另外一个script中都可以使用
*局部变量：在方法内部定义一个变量，只能在方法内部使用
-如果在方法外部调用这个变量，提示错误
*ie8以上自带一个调试工具 F12 -》控制台
- ！ 表示警告
- error 错误 TypeError: input1 is null[详细了解]
10、script存放的位置
*可以存放任何位置在html页面内。
由例子script存放位置.html可以看出，最好放在< /body>的后面，html由上至下解析，所以一定能解析到最后的script，但是body里面的变量就能引用
11、js的函数重载
*什么是重载？方法名相同，参数列表不同。
-java里面有重载
*js里面是否有重载?
12、内容总结
*javascript
**什么是JavaScript
-基于对象和时间驱动的语言，应用于客户端，
-特点：交互性，安全性，跨平台性
-JavaScript和java区别
-组成（3部分）
--ECMAScript
--bom
--dom
**js和html结合方式(两种)
-第一种：<script type="text/javascript">js代码</script>
-第二种：<script type="text/javascript" src="js 的 path"></script>
**js的数据类型
-五种原始类型 ：String number boolea null undifiend;
-定义变量使用：var
**js语句
-if
-switch
-for while do--while
**js运算符
-字符串的操作
--字符串相加即字符串连接，字符串相减，当字符串是数字字符串直接相减，若不是则是NaN
--boolean类型：true：1 false：0
--== 和 === 区别：==仅仅判断值，===不仅判断值，还判断数据类型
**js数组（三种方式）
-var arr = [1,2,4];包含3元素
-var arr = new Array(12);长度12
-var arr = new Array(1,2,3,4);包含4元素
**js函数
-function 函数名称(参数列表){方法体和返回值}
- var 另起名称 = function(参数列表){方法体和返回值} 即 匿名函数
-var 函数名称 = new Function("参数列表","方法体和返回值");
**全局变量和局部变量
-全局变量：在页面js部分，都可以使用
-局部变量：方法体内部
**script标签位置
-建议放在body后面
**js重载问题？
</pre>
</body>
</html>
JavaScript基础知识点
猜你喜欢
转载自blog.csdn.net/weixin_39531549/article/details/81259204
今日推荐
周排行