记录

javaScript学习笔记（一）

1.javaScript前世今生

js原名C--

IE中有Jscript

js的实现有三部分组成：

核心（ECMScript）——描述了该语言的语法和基本对象

文档对象模型（DOM）——描述了处理网页内容的方法和接口 HTML XML文档访问 W3C

浏览器对象模型（BOM）——描述了浏览器进行交互的方法和接口 浏览器

 

2.变量

变量名可以是 数字，字母，下划线，$（区分大小写）

+可以实现两个字符的链接

NaN not a number的缩写，是一个特殊的数值

弱类型：

不是数字的也可以相除，显示NaN

数字和字符串相加，相当于两个字符串相连

字符串不是总能转换成数字（"123","abc"）,但数字总能转换成字符串

 

&&与，||或，！非

两个非运数符连用是将变量转换成布尔值

数字和字符的bool值为true，“”空为false相当与0，空格为ture

快速 与，第一个为ture，后不判断，直接返回第二个（弱类型）

快速或，第一个为false，后不判断，直接返回第二个（false||a，返回a）

“”*3 返回0

 

typeof 2:判断2的类型

window.prompt:弹出一个输入框 prempt("标题"，"默认值")；

a*1把字符转换成数字，"123"可以转，"abc"转化后为NaN

isNaN（a）:判断a是不是NaN

 

3.分支判断与循环

if(false){}可以注释一段代码

if{}else if{} else if{}...

switch(a){case 1:...;break;...;default:...;break;}没有break会继续执行下面的语句

for(初始化语句；条件判断；更新计数器){循环体} 具体内容不写，分号一定要留着

while（）{} 用break退出循环，

do{}while{} do里面至少执行一次，while满足再执行

 

4.函数与内置对象

function hanhsuming(a,b){}创建函数

hanshuming(1,2);调用函数,a=1,b=2

var d=new Date();创建对象

getFullYear();getMonth()从0开始;getDate();getDay()0是星期天;

getHours();getMinutes();getSeconds();getMilliSeconds();getTime();

UTC 1970 1 1 0 0 0 0；

 

5.数组

var a=new Array();创建数组 var a=[];数组字面量

a.length;数组元素的个数

new Array(2);只有一个参数时，这个参数应该是数组的长度

a.push（123);push方法专门向数组末尾添加元素，push方法的返回值为数组新的长度

delete a[1];不会改变数组的长度，等价于a[1]=undefined;

a.join("#");数组间用#号相连，默认逗号

var start=(new Date()).getTime();程序;var time=(new Date()).getTime()-start;计算程序运行的时间

数组push方法相连字符串比直接+连接快

 

6.对象

var obj=new object();创建对象 var obj={};对象字面量

var obj={"名称"：值}

数组是对象一个扩展，object比Array少了length属性，push，join。

for (var i in obj){alert(obj.i)};用for in循环（foreach），显示对象的所有属性

javascript 一切皆对象

处理字符串

indexOf("s");s字符的位置，从0开始。没找到返回-1

lastindexOf("s");从后往前找

charCodeAt(0);第一个字符的Unicode编码

replace("原来的字符","替换后的字符")

substr(1,2)从下标1开始向后截取2个字符

toLowerCase();字符串转化成小写toUpperCase();字符串转化成大写

split("");字符串分割为字符串数组,用空格分隔

例：滚动文字

var s="hello world!!!".split("");

function func(){

 s.push(s[0]);

 s.shift();//把数组的第一个元素去掉

 document.title=s.join("");

}

setInterval(func,1000);//每1000毫秒自动执行一次函数

 

7.Script标签1

var aaa=document.getElementById("a");//获取id="a"的Html对象

aaa.onclick=myFn;//执行myFn函数，加"()"表示将执行后返回的值赋给它。

function myFn(){内容};

 

8.Script标签2

window.onload=a;//窗体加载时执行a函数

null 空对象

tagName 标签名

innerHTML 标签内的内容

className 类的名称

document.body.getElementsByTagName("*");//在文档body标签内调用该方法

javascript:伪协议(不提倡)

如：javascript:alert(docunment.getElementByTagName("p").length);查找页面有几个p标签