一直就崇拜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
、