web前端 基础部分(三) JavaScript
2015-04-24 18:49
513 查看
首先声明,该文章为本人对JavaScript的认识和学习总结,如有不足和错误之处请在评论中指出,以免给以后学习JavaScript的朋友带去误区。还有就是因时间原因,JavaScript的基础语法和Java很相似,在这里并不会对相似的语法做介绍,只会针对性的列出和Java不同的语法,当然Java的基础知识本人也会在以后的文章中分享,这里就不做过多介绍!
一、JavaScript概述
JavaScript简称js,是基于对象和事件驱动的弱类型的脚本语言,具有跨平台性(js由浏览器解释执行,与操作系统无关)。正式名称ECMAScript。
1、JavaScript作用:JavaScript被设计用来向html页面添加交互行为。
2、JavaScript VS Java
a、js基于对象,Java面向对象。
b、js由浏览器解释执行。Java需要先编译成字节码文件,再由JVM解释执行。
c、js是弱语言,Java是强语言。
d、js和Java的语法很相似。
3、JavaScript语法组成
JavaScript语法由三部分组成:核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)
二、JavaScript的使用方式 *
1、内部js脚本(直接把js写在html文档中)
语法:<script type="text/javascript">
js脚本
</script>
2、外部js文件(扩展名肯定是.js的文件)
语法:<script src="myjs.js"></script>
注:该script脚本应该单独存在,不能在其标签体中编写js脚本、
错误写法:<script src="myjs.js">alert("js")</script>
三、JavaScript基本语法 *
因和Java相似这里不对具体语法作介绍。我会抽时间把Java基础在以后的文章中单独介绍!
1、标识符的命名规则(和Java一样)
2、变量声明
例:var name="Jack"; //js字符串由双引号或单引号声明
3、注释(和Java一样)
4、运算符(和Java一样)
注:在JavaScript中“==”和Java中的equals相似,“===”和Java的“==”一样
typeof运算符:返回操作数的数据类型
例:typeof("123") /string类型
typeof(123) //int类型
typeof(true) //boolean类型
5、流程控制语句(和java基本一样)
a、条件语句
注:至少有一个字符的字符串、非0数字或是一个对象在进行布尔运算时将返回1既true.字符串、数字0、underfind或null进行布尔运算时将返回0既false.
6、转义符(和Java一样,在我所学的几种语言里好像都差不多)
7、函数(和Java大体相似)
a、无参
语法:function method(){代码段}
b、有参
语法:function method(parameters){代码段}
注:在JavaScript里和Java不同的是在方法名后边的小括号里参数不用加类型,直接写参数就可以
c、匿名函数
语法:function(){代码段}
d、return语句
语法:function method(){代码段;return value;}
e、函数的调用
没有返回值: method(实际参数列表);
接收返回值: var returnValue=method(实际参数列表);
在事件中接收返回值:onsubmit="return method(实际参数列表);";
f、arguments对象
在JavaScript中使用arguments对象可以模拟函数的overload,使用arguments
(n为数字,从0开始)访问函数的第n+1个参数。和可以使用该对象的length属性检测函数参数的个数。
例:function testArgu(){
alert("参数个数有 "+arguments.length+”个“); //弹出参数的个数
if(arguments.length>0){
alert(arguments[0]); //访问第一个参数
}
}
testArgu();
testArgu(1);
testArgu("string",1);
四、JavaScript常用对象 *
1、Array数组对象 注:js数组特性与java相反
a、js是动态数组(既长度不定)
b、js数组可以存放任意类型的元素
c、不但支持数字下标,还支持中文下标
例:var arrs=new Array(); //不指定数字大小
var arrs=new Array(10); //创建大小为10的数组
var arrs=[......]; //直接创建数组并赋值
2、String 字符串的引用类型(和java差不多)
3、Math 数学计算方法(和java差不多)
4、Date 用于处理日期和时间(方法很多,用时查帮助就可以了。当然你要先看一下帮助文档,混个脸熟)
5、RegExp 正则表达式对象(几乎所有的语言的正则都一样,如果不是专门从事相关行业的朋友,建议在网上直接查别人的算法,当然你要能区分好坏。先去混个脸熟呗)
五、JavaScript全局函数 *
1、isNaN检查某个值是否为数字 注:是数字返回false 不是数字返回true
例:alert(isNan("a")); //true
alert(isNaN("6")); //false 注意:你看我把6写在了双引号里边,一般我们认为这是字符串,但是浏览器会把它解释为数字,但是里边是a6的话就只能是字符串了!
2、parseInt/parseFloat 解析字符串为整数/浮点数 注:在JavaScript里没有parseDouble方法 (建议查帮助文档)
JavaScrip的基本语法t就介绍到这里了,本文章只是给你介绍了JavaScript的基础知识,如果是专门从事网站开发和美工的朋友,你还要再接再厉。如果和我一样不是专门从事网站开发的人员,这完全够用了,就以我来说,在实际开发中就很少用到,但我们要相信,学无止境!而且你想要拿高工资,起码你什么都要知道一点吧,不要到时候做睁眼瞎了!
一、JavaScript概述
JavaScript简称js,是基于对象和事件驱动的弱类型的脚本语言,具有跨平台性(js由浏览器解释执行,与操作系统无关)。正式名称ECMAScript。
1、JavaScript作用:JavaScript被设计用来向html页面添加交互行为。
2、JavaScript VS Java
a、js基于对象,Java面向对象。
b、js由浏览器解释执行。Java需要先编译成字节码文件,再由JVM解释执行。
c、js是弱语言,Java是强语言。
d、js和Java的语法很相似。
3、JavaScript语法组成
JavaScript语法由三部分组成:核心(ECMAScript)、文档对象模型(DOM)、浏览器对象模型(BOM)
二、JavaScript的使用方式 *
1、内部js脚本(直接把js写在html文档中)
语法:<script type="text/javascript">
js脚本
</script>
2、外部js文件(扩展名肯定是.js的文件)
语法:<script src="myjs.js"></script>
注:该script脚本应该单独存在,不能在其标签体中编写js脚本、
错误写法:<script src="myjs.js">alert("js")</script>
三、JavaScript基本语法 *
因和Java相似这里不对具体语法作介绍。我会抽时间把Java基础在以后的文章中单独介绍!
1、标识符的命名规则(和Java一样)
2、变量声明
例:var name="Jack"; //js字符串由双引号或单引号声明
3、注释(和Java一样)
4、运算符(和Java一样)
注:在JavaScript中“==”和Java中的equals相似,“===”和Java的“==”一样
typeof运算符:返回操作数的数据类型
例:typeof("123") /string类型
typeof(123) //int类型
typeof(true) //boolean类型
5、流程控制语句(和java基本一样)
a、条件语句
注:至少有一个字符的字符串、非0数字或是一个对象在进行布尔运算时将返回1既true.字符串、数字0、underfind或null进行布尔运算时将返回0既false.
6、转义符(和Java一样,在我所学的几种语言里好像都差不多)
7、函数(和Java大体相似)
a、无参
语法:function method(){代码段}
b、有参
语法:function method(parameters){代码段}
注:在JavaScript里和Java不同的是在方法名后边的小括号里参数不用加类型,直接写参数就可以
c、匿名函数
语法:function(){代码段}
d、return语句
语法:function method(){代码段;return value;}
e、函数的调用
没有返回值: method(实际参数列表);
接收返回值: var returnValue=method(实际参数列表);
在事件中接收返回值:onsubmit="return method(实际参数列表);";
f、arguments对象
在JavaScript中使用arguments对象可以模拟函数的overload,使用arguments
(n为数字,从0开始)访问函数的第n+1个参数。和可以使用该对象的length属性检测函数参数的个数。
例:function testArgu(){
alert("参数个数有 "+arguments.length+”个“); //弹出参数的个数
if(arguments.length>0){
alert(arguments[0]); //访问第一个参数
}
}
testArgu();
testArgu(1);
testArgu("string",1);
四、JavaScript常用对象 *
1、Array数组对象 注:js数组特性与java相反
a、js是动态数组(既长度不定)
b、js数组可以存放任意类型的元素
c、不但支持数字下标,还支持中文下标
例:var arrs=new Array(); //不指定数字大小
var arrs=new Array(10); //创建大小为10的数组
var arrs=[......]; //直接创建数组并赋值
2、String 字符串的引用类型(和java差不多)
3、Math 数学计算方法(和java差不多)
4、Date 用于处理日期和时间(方法很多,用时查帮助就可以了。当然你要先看一下帮助文档,混个脸熟)
5、RegExp 正则表达式对象(几乎所有的语言的正则都一样,如果不是专门从事相关行业的朋友,建议在网上直接查别人的算法,当然你要能区分好坏。先去混个脸熟呗)
五、JavaScript全局函数 *
1、isNaN检查某个值是否为数字 注:是数字返回false 不是数字返回true
例:alert(isNan("a")); //true
alert(isNaN("6")); //false 注意:你看我把6写在了双引号里边,一般我们认为这是字符串,但是浏览器会把它解释为数字,但是里边是a6的话就只能是字符串了!
2、parseInt/parseFloat 解析字符串为整数/浮点数 注:在JavaScript里没有parseDouble方法 (建议查帮助文档)
JavaScrip的基本语法t就介绍到这里了,本文章只是给你介绍了JavaScript的基础知识,如果是专门从事网站开发和美工的朋友,你还要再接再厉。如果和我一样不是专门从事网站开发的人员,这完全够用了,就以我来说,在实际开发中就很少用到,但我们要相信,学无止境!而且你想要拿高工资,起码你什么都要知道一点吧,不要到时候做睁眼瞎了!
相关文章推荐
- Web前端开发精品课HTML CSS JavaScript基础教程CSS部分知识点总结
- Web前端开发精品课HTML CSS JavaScript基础教程JavaScript部分知识点总结
- web前端基础:javascript数组操作方法
- WEB前端开发高性能优化部分之JavaScript的优化细节!
- 收集Web前端 面试题 Javascript部分
- web前端面试题JavaScript第一弹,个人整理部分面试题汇总
- web前端基础教程:javascript循环的用法
- Web前端开发精品课HTML CSS JavaScript基础教程第四章课后编程题答案
- Web前端开发精品课HTML CSS JavaScript基础教程第九章课后编程题答案
- Android程序员学WEB前端(10)-JavaScript(1)-基础-Sublime
- 收集Web前端 面试题 Javascript部分
- WEB前端开发高性能优化部分之JavaScript的优化细节
- Web前端开发精品课HTML CSS JavaScript基础教程第十六章课后编程题答案
- web前端 基础部分(二) CSS
- Web前端开发精品课HTML CSS JavaScript基础教程第五章课后编程题答案
- web前端之JavaScript DOM编程艺术之用JavaScript实现基础动画效果
- Web前端开发精品课HTML CSS JavaScript基础教程第十三章课后编程题答案
- 接触javascript很久了,每次理解闭包都似是而非,最近在找Web前端的工作,所以需要把基础夯实一下。 本文是参照了joy_lee的博客 闭包 在她这篇博客的基础上以批注的形式力争把我的理解阐述出
- [Web基础笔记]JavaScript部分
- Web前端基础部分——清除浮动影响