您的位置:首页 > Web前端 > JavaScript

Javascript 简单学习

2014-04-19 13:49 351 查看
一直就崇拜JS如此牛叉的来操作Html标签, 抽出时间来学习学习,哈哈。

Js是Netscape公司语言, 基于对象和事件驱动。

与Java不同之处:

1:所属公司不同
2:js是基于对象,java是面向对象
3:js是由浏览器解释执行,java是由jvm解释执行
4:js是弱类型语言,java是强类型
5:js是非严谨的, java是严谨的
js运行在客户端。

JS基本语法:
1:变量:
通过var关键字定义变量,该变量可以赋予不同类型的常量
var x = 9; x = "dad"
特殊常量undefined
2:语句:
if , switch, while, do, while, for
使用逻辑运算符进行布尔表达式连接的时候,需要短路与短路或
因为在js中,非0即为真, 0为false, 非null为真,null为假,逻辑true,false可以参与运算
js特有语句:
with() ; 可以确定对象所在范围,在范围内,可以直接使用指定对象的属性和行为,而不用(对象.)的

形式调用,简化对象操作
for(变量 in 对象) : 可以对对象的属性及行为进行遍历。

3:数组:
对于js的数组特点在于该数组的长度是可变的,相当于java的集合,还数组中可以存放的元素类型

可以是不同的。 定义格式: var arr = {3,"aa", true}
var arr = new Array();
var arr = [[],[]]二位数组
操作形式和java一样, 都是通过for进行遍历,同时也使用了指针思想

4: 函数:
通过function关键字定义函数,
a: 一般函数
格式 : function 函数名(形式参数....)
{
执行语句;
return;
}
b:动态函数
使用Fcuntion对象
var show = new function("x", "y", "return x + y")
c:匿名函数
一般函数的简写形式。
functon() {}
匿名函数通常用于事件的处理, window.onload = function(){alert('onload')}

在函数使用时需要注意的部分:
function show() { return "xxx"};
var method1 = show();
var method2 = show;

第一句表示show方法运行之后的结赋值给method1
第二句表示将show指向的对象的地址赋值给method2, 就可以通过 method()使用啦。

4:js中的对象:

JS可以通过对象的形式将数据进行封装:
首先对对象进行描述, 通过函数来完成
function Person(name, age) {
this.name = name;
this.age = age;
}
var p = new Person("zs",30);

alert(p.name + ":" + p['age']);
p.show = function() {
alert(“给对象添加方法”)
}

已定义好的对象:
String, Math, Date, Array.....等等
这些对象都有一个属性叫做prototype, 可以获取指定对象原型的引用,可以通过该引用给已有的对象添加你自己定义的功能。

例如,我自己定义了一个求数组中的最大值:
function getMa() {
var max = 0;
for (var i = 1; i < this.length; ++i) {
if (this[i] > this[max]) max = i;
}
return this[max];
}

var arr = [1,5,3,7,87];
Array.prototype.getMax = getMax;

常见的全局方法:
parseInt(numstr, [radix]);
toString() .......等等。

DOM 树, 节点

DHTML 动态的html
html css dom javascript
html : 将数据进行封装
dom  : 将标签进行封装
css  : 负责标签中数据的样式
javascript :将三个进行融合, 通过程序设计来完成动态的效果

+ xmlHttpRequest  -- 》 Ajax


  、
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: