javaWeb学习笔记-----3 javascript
2015-12-25 16:12
447 查看
1,javascript的简介:是基于对象和事件驱动的语言,应用与客户端
-基于 对象:提供好了很多对象,可以直接拿过来使用
-事件驱动:html做网页静态效果,javascript动态效果
-客户端:专门指的是浏览器
js的组成:三部分组成
(1)ECMAscript
-ECMA:欧洲计算机协会
-由ECMA组织制定的js的语法,语句。。。。
(2)BOM
-broswer object model:浏览器对象模型
(3)DOM
- document object model:文档对象模型
2,js和html的结合方式(两种)
第一种:
-使用一个标签<script type="text/javascript">js代码;</script>
第二种:
-使用script标签,引入一个外部的js文件
****创建一个js文件,写js代码
----- <script type="text/javascript" src="1,jsp"></script>
***使用第二种方式的时候,就不要在script标签里面写js代码了,不会执行。
3,js的原始类型和声明变量
**java的基本数据类型 byte short int long float double char boolen
*定义变量 都使用关键字 var
**js的原始类型(五个)
-string:字符串 var str =“abc";
-number:数字类型 var m = 123;
-boolean:true和false var flag = true;
-null:对象引用为空
-undifined:定义一个变量,没有赋值
**typeof()可以查看当前变量的类型。
4,js的语句:省略
5,js的运算符:省略
*引入知识:
直接向页面输出的语句(可以吧内容显示在页面上)
*document.write("fdsfds");
document.write("</hr>"):
**可以想页面输出变量,固定值和html代码
7,js数组
*定义方式(三种)
第一种:var arr = [1,2,3,4,"5",true]
第二种:使用内置的对象Array对象
var arr1 = new Array(5);//定义一个数组,数组的长度是5
arr1[0] = "1";
第三种:使用内置对象Array
var arr2 = new Array(3,2,4);//定义一个数组,数组里面的元素是3,2,4
*数组里面有一个属性 length:获取到数组的长度
8,js的函数
*在js里里面定义函数有三种方式
***函数的参数列表里面,不需要写var,直接写参数名称。
第一种:使用到一个关键字 function
funcrion 方法名(参数列表) {
方法体;
返回值可有可无(根据实际需要);
}
第二种方式:
***匿名函数
var add = function(参数列表) {
方法体和返回值
}
第三种方式:(用的很少,了解)
***动态函数
***使用到js里面的一个内置对象 Function
var add = new Function(”参数列表","方法体和返回值“);
9,全局变量和局部变量
*全局变量:在script标签里面定义一个变量,这个变量在页面中js都可以使用
*局部变量:在方法内部定义一个变量,只能在方法内部使用
10,script标签放置的位置
*建议把script标签放到body的后面
*如果现在有这样一个需求:
在js里面需要获取到input里面的值,如果把script标签放到head里面会出现问题。
html解析是从上到下的,script标签放到的是head里面,直接在里面去input里面的值,
因为页面还没有解析到input哪一行,肯定取不到。
3,
-基于 对象:提供好了很多对象,可以直接拿过来使用
-事件驱动:html做网页静态效果,javascript动态效果
-客户端:专门指的是浏览器
js的组成:三部分组成
(1)ECMAscript
-ECMA:欧洲计算机协会
-由ECMA组织制定的js的语法,语句。。。。
(2)BOM
-broswer object model:浏览器对象模型
(3)DOM
- document object model:文档对象模型
2,js和html的结合方式(两种)
第一种:
-使用一个标签<script type="text/javascript">js代码;</script>
第二种:
-使用script标签,引入一个外部的js文件
****创建一个js文件,写js代码
----- <script type="text/javascript" src="1,jsp"></script>
***使用第二种方式的时候,就不要在script标签里面写js代码了,不会执行。
3,js的原始类型和声明变量
**java的基本数据类型 byte short int long float double char boolen
*定义变量 都使用关键字 var
**js的原始类型(五个)
-string:字符串 var str =“abc";
-number:数字类型 var m = 123;
-boolean:true和false var flag = true;
-null:对象引用为空
-undifined:定义一个变量,没有赋值
**typeof()可以查看当前变量的类型。
4,js的语句:省略
5,js的运算符:省略
*引入知识:
直接向页面输出的语句(可以吧内容显示在页面上)
*document.write("fdsfds");
document.write("</hr>"):
**可以想页面输出变量,固定值和html代码
7,js数组
*定义方式(三种)
第一种:var arr = [1,2,3,4,"5",true]
第二种:使用内置的对象Array对象
var arr1 = new Array(5);//定义一个数组,数组的长度是5
arr1[0] = "1";
第三种:使用内置对象Array
var arr2 = new Array(3,2,4);//定义一个数组,数组里面的元素是3,2,4
*数组里面有一个属性 length:获取到数组的长度
8,js的函数
*在js里里面定义函数有三种方式
***函数的参数列表里面,不需要写var,直接写参数名称。
第一种:使用到一个关键字 function
funcrion 方法名(参数列表) {
方法体;
返回值可有可无(根据实际需要);
}
第二种方式:
***匿名函数
var add = function(参数列表) {
方法体和返回值
}
第三种方式:(用的很少,了解)
***动态函数
***使用到js里面的一个内置对象 Function
var add = new Function(”参数列表","方法体和返回值“);
9,全局变量和局部变量
*全局变量:在script标签里面定义一个变量,这个变量在页面中js都可以使用
*局部变量:在方法内部定义一个变量,只能在方法内部使用
10,script标签放置的位置
*建议把script标签放到body的后面
*如果现在有这样一个需求:
在js里面需要获取到input里面的值,如果把script标签放到head里面会出现问题。
html解析是从上到下的,script标签放到的是head里面,直接在里面去input里面的值,
因为页面还没有解析到input哪一行,肯定取不到。
3,
相关文章推荐
- JavaScript的Cookie操作
- maven依赖servlet-api和jsp-api的问题
- js学习笔记之基础知识
- js中 push pop shift unshift方法
- javascript 前端 基于 npm、bower、grunt的标准项目构建
- JS控制按钮10秒钟后可用的方法
- javascript核心概念
- js中的3种弹出式消息提醒(警告窗口,确认窗口,信息输入窗口)的命令式
- JS-tips
- js函数验证方式:验证是否是数字,支持小数,负数
- javascript中的继承
- JavaScript:操作符
- 干货分享:让你分分钟学会javascript闭包
- Json相关工具
- javascript深入理解js闭包
- javascript对象的理解
- javascript生成img标签的3种实现方法(对象、方法、html)
- js表达式
- 详解jsPlumb这个javascript的可拖动连线库
- JavaScript基础——错误处理与测试