11-5javascript学习总结一
2012-11-05 22:36
435 查看
一:Javascript入门介绍
1.js:基于对象和事件驱动的脚本语言,主要用在客户端。
2.js的特点
a:交互性(信息的动态交互)
b:安全性(不允许直接访问本地硬盘)
c:跨平台性(只要是可以解释js的浏览器都可以运行,和平台无关)
3.js和java的不同
a:js是Netscape公司的产品,java现在是Oracle公司。
b:js是基于对象,java是面向对象
c:js只需要解释就可以执行,而java需要先编译成字节码文件再执行
d:js是弱类型,java是强类型
二:js使用
1.Script标签中如果有src属性,则标签中封装的代码不执行。
<script type="text/javascript" src="woaini">
alert("Hello World");
</script>
2.Javascript语法:
a.关键字与标示符:关键字就是赋予了特殊含义的单词
b.变量:存储数据
c.运算符:进行运算的符号
d.语句:控制程序的运行流程
e.函数:对程序进行封装,提高代码的复用性
f.数组:就是容器,用来存储更多的数据
注意:*undefined:未定义
//变量
var x=4;
x=3.5;
x=true;
x='ads';
var x;
//运算符
//alert(3.2+2.7);//结果是5.9
//alert(3200/1000);//结果是3.2,这里得到的结果都是以生活的思维来考虑
//alert("123"+1);//结果是1231
//alert("123"-1);//结果是122
//alert(true+2);//结果是3。0和null都视为false.非0和非null视为true.ture默认是1.alert("x="+x);//undefined 未定义
2.函数定义:function 函数名(参数列表){执行语句;return返回值}
a:函数的细节一:函数参数列表不需要类型,而且实参和形参个数可以不一致
b:函数的细节二:函数本身就是一个对象,函数名就是一个引用
/*
function show(){
alert("show....run");
}
method=show;
method();*/
C:函数的细节三:函数中的参数及内部变量都是局部变量
/*
x=8;
function method(x){
x=4;
}
method(x);
alert("x="+x);//x=8
*/
3.动态函数,使用到js中的一个内置对象。Function
var getSum = new Function("x,y","var sum=x+y; return sum;");
var sum=getSum(7,9);
alert("sum="+sum);
4.匿名函数
var method=function(){
alert("run...");
}
method();
三:js中的常见对象
1.js中的常见对象 1.String对象。长度length是属性而不是方法
function println(){
document.write(str+"<br/>");
}
var str="abcd";
//document.write(str.bold());//bold方法:加粗。
//document.write(str.fontcolor("red"));//调整str的字符串颜色
//document.write(str.link("www.baidu.com"));//字符串超链接。
//document.write(str.substr(1,3));//结果是bcd,截取索引1到3对应的字符
//document.write(str.substring(1,3));//结果是bc.从1开始截取但不包括3
2.Array对象
var arr=[32,45,12,35,78];
//document.write(arr.join("-"));//将字符串以-分割开
//document.write(arr.sort());//将数组排序
//Array存取实例,模拟堆栈效果
var arr=[];
arr.unshift("qq1");
arr.unshift("qq2");
arr.unshift("qq3");
arr.unshift("qq4");
while(arr.length!=0){
document.write(arr.shift());
}
/*
当一个对象已有功能不够的时候,我们可以自己定义一个功能
*/
//求最大值
var arr=[23,4,18,29,17];
/*
function getMax(arr){
var max=0;
for(var i=1;i<arr.length;i++){
if(arr[i]>arr[max]){
max=i;
}
}
return arr[max];
}
var max=getMax(arr);
document.write(max);*/
//通过数组的原型给数组添加功能Array.prototype.getMax=function(){}
var max = arr.getMax();
document.write("max="+max);
Files\Arraytools.js文本中:并且通过<script type="text/javascript" src="jsfiles/Arraytools.js"></script>链接这个文本。
Array.prototype.getMax = function(){
var max = 0;
for(var x=1; x<this.length; x++){
if(this[x]>this[max]){
max = x;
}
}
return this[max];
}
1.js:基于对象和事件驱动的脚本语言,主要用在客户端。
2.js的特点
a:交互性(信息的动态交互)
b:安全性(不允许直接访问本地硬盘)
c:跨平台性(只要是可以解释js的浏览器都可以运行,和平台无关)
3.js和java的不同
a:js是Netscape公司的产品,java现在是Oracle公司。
b:js是基于对象,java是面向对象
c:js只需要解释就可以执行,而java需要先编译成字节码文件再执行
d:js是弱类型,java是强类型
二:js使用
1.Script标签中如果有src属性,则标签中封装的代码不执行。
<script type="text/javascript" src="woaini">
alert("Hello World");
</script>
2.Javascript语法:
a.关键字与标示符:关键字就是赋予了特殊含义的单词
b.变量:存储数据
c.运算符:进行运算的符号
d.语句:控制程序的运行流程
e.函数:对程序进行封装,提高代码的复用性
f.数组:就是容器,用来存储更多的数据
注意:*undefined:未定义
//变量
var x=4;
x=3.5;
x=true;
x='ads';
var x;
//运算符
//alert(3.2+2.7);//结果是5.9
//alert(3200/1000);//结果是3.2,这里得到的结果都是以生活的思维来考虑
//alert("123"+1);//结果是1231
//alert("123"-1);//结果是122
//alert(true+2);//结果是3。0和null都视为false.非0和非null视为true.ture默认是1.alert("x="+x);//undefined 未定义
2.函数定义:function 函数名(参数列表){执行语句;return返回值}
a:函数的细节一:函数参数列表不需要类型,而且实参和形参个数可以不一致
b:函数的细节二:函数本身就是一个对象,函数名就是一个引用
/*
function show(){
alert("show....run");
}
method=show;
method();*/
C:函数的细节三:函数中的参数及内部变量都是局部变量
/*
x=8;
function method(x){
x=4;
}
method(x);
alert("x="+x);//x=8
*/
3.动态函数,使用到js中的一个内置对象。Function
var getSum = new Function("x,y","var sum=x+y; return sum;");
var sum=getSum(7,9);
alert("sum="+sum);
4.匿名函数
var method=function(){
alert("run...");
}
method();
三:js中的常见对象
1.js中的常见对象 1.String对象。长度length是属性而不是方法
function println(){
document.write(str+"<br/>");
}
var str="abcd";
//document.write(str.bold());//bold方法:加粗。
//document.write(str.fontcolor("red"));//调整str的字符串颜色
//document.write(str.link("www.baidu.com"));//字符串超链接。
//document.write(str.substr(1,3));//结果是bcd,截取索引1到3对应的字符
//document.write(str.substring(1,3));//结果是bc.从1开始截取但不包括3
2.Array对象
var arr=[32,45,12,35,78];
//document.write(arr.join("-"));//将字符串以-分割开
//document.write(arr.sort());//将数组排序
//Array存取实例,模拟堆栈效果
var arr=[];
arr.unshift("qq1");
arr.unshift("qq2");
arr.unshift("qq3");
arr.unshift("qq4");
while(arr.length!=0){
document.write(arr.shift());
}
/*
当一个对象已有功能不够的时候,我们可以自己定义一个功能
*/
//求最大值
var arr=[23,4,18,29,17];
/*
function getMax(arr){
var max=0;
for(var i=1;i<arr.length;i++){
if(arr[i]>arr[max]){
max=i;
}
}
return arr[max];
}
var max=getMax(arr);
document.write(max);*/
//通过数组的原型给数组添加功能Array.prototype.getMax=function(){}
var max = arr.getMax();
document.write("max="+max);
Files\Arraytools.js文本中:并且通过<script type="text/javascript" src="jsfiles/Arraytools.js"></script>链接这个文本。
Array.prototype.getMax = function(){
var max = 0;
for(var x=1; x<this.length; x++){
if(this[x]>this[max]){
max = x;
}
}
return this[max];
}
相关文章推荐
- JavaScript学习总结一:js常见问题
- Javascript this 的一些学习总结
- JavaScript总结记录3(学习JavaScript高级程序设计第三版)
- JavaScript 学习总结(一)
- 深度学习DeepLearning.ai系列课程学习总结:11. 优化算法理论讲解
- JavaScript学习总结(三)——this、原型、javascript面向对象
- JavaScript学习总结(一)基础部分
- javascript学习总结
- javaScript菜鸟:学习js的Sort()排序的总结(参考大师示例)
- JavaScript学习总结(五)
- JavaScript学习总结(九)——Javascript面向(基于)对象编程
- 11-8学习总结
- JavaScript个人学习记录总结(二)——验证表单输入之模式匹配
- 近期学习javascript和jquery遇到一些问题的技巧知识总结
- 前端学习总结(一)——常见数据结构的javascript实现
- JavaScript学习总结(十二)——JavaScript编写类
- JavaScript数据结构与算法学习总结--链表
- HTML5学习总结-11 IOS 控件WebView显示网页
- javascript 学习分析及总结