JavaScript学习笔记

基础语法、判断语句、循环、函数等跳过。

 

1.parseInt的用法

var a=parseInt(document.getElementById("txt1").value);

var b=parseInt(document.getElementById("txt2").value);

var c;

c=a+b;

如果此处不用parseInt，那么a和b的相加就变成两个字符串的拼接了。

 

2.日期

（1）getYear()与getFullYear()的区别

var now=new Date();

var year=now.getYear();//结果是115.因为是从今年减去1900年得到的结果

var year2=now.getFullYear();//结果是2015

（2）getDate()与getDay()的区别

var now=new Date();

var day=now.getDate();//获取今天日期(不包括年月)

var week=now.getDay();//结果是今天的星期

（3）时分秒和年月日不一样，后面要加个“s”。

 

3.字符串

（1）字符串大小写转换

var str="Hello World!";

var s1=str.toLowerCase();//全部转小写

var s2=str.toUpperCase();//全部转大写

 （2）获取某个位置的字符

var str="Hello World!";

var s1=str.charAt(2);//输出l

（3）返回某个字符串第一次出现的位置

var str="Hello World!";

var s1=str.indexOf("l",5);//第二个可选参数默认为0。目前表示从第5个数开始查询。

（4）分割字符串

var str="www.twitter.com";

document.write(str.split(".",2));//第二个可选参数默认值为分割段数X。目前参数表明取分割结果的前2段。

（5）提取字符串

var string="www.twitter.com";

var str=string.substring(2,4);//第二个参数是可选参数，如果为空，表示截取到字符串结尾。两个参数表示截取字符串的第2个至第4个字符。

var str2=string.substr(2,4);//第二个参数是可选参数，如果为空，表示截取到字符串结尾。两个参数表示从字符串的第2个字符开始截取4个字符。

3.Math对象

Math对象用来调用数学类的常量与函数，无需事先声明。

var mypi=Math.PI;//值为π

var a=Math.abs(-2);//值为2

var ran=Math.random();//返回0~1之间的任意一个数值。

4.数组

（1）数组的连接

var a=new Array(1,2,3);

document.write(a.concat(4.5));//输出1,2,3,4,5

document.write(a.join("."))//join()的参数默认值是","。此时输出的是1.2.3

（2）颠倒数组顺序

var a=new Array(1,2,3);

document.write(a.reverse());//输出3,2,1

（3）选定元素

var a=new Array(1,2,3,4,5,6);

document.write(a.slice(1,4));//slice()函数有两个参数，第一个参数是规定从何处开始选取，如果是负数，就从数组尾巴数N个数开始选起；第二个参数是可选参数，规定到何处结束，如果为空，表示到结尾结束，如果为负数，表示数组尾巴N个数结束。此时输出2,3,4,5

（4）为数组排序

var a=new Array(1,2,3,4,5,6);

document.write(a.sort());//sort()函数里缺省值为空，表示根据Unicode编码顺序排列。

function nsort(x,y)

{

    return x-y;

}

document.write(a.sort(nsort));//按照数组大小升序排列

 5.计时器

（1）隔一段时间执行一段代码

function clock(){

    var time=new Date();

    document.write(time);

}

var i=setInterval(clock,1000);//计时函数，有返回值，一般情况下可以不用。

clearInterval(i);//清除计时函数

（2）延时执行一段代码

var num=0;

function startCount() {

    document.getElementById('count').value=num;

    num=num+1;

}

setTimeout("startCount()",5000);

clearTimeout()用法与clearInterVal()一样。

6.返回浏览的页面

function goback(){

    window.history.back();

}

function gofarward(){

    window.history.forward();

}

function go(){

    window.history.go(2);//参数如果为正，返回当前页面之后的第二个页面；如果为负，返回当前页面之前的第二个页面。

}

7.其他浏览器对象

//location对象，返回页面URL

document.write(location.href);

//navigation对象，返回浏览器信息

var browser=navigator.appName;

var b_version=navigator.appVersion;

document.write("Browser name"+browser);

document.write("<br>");

document.write("Browser version"+b_version);

//screen对象，返回用户的屏幕信息

document.write(screen.width);//返回屏幕宽度

 8.DOM

（1）通过元素节点的属性名称获取/设置属性的值。

var txt=document.getElementById("text1");

var a=txt.getAttribute("value");//获取value的值

a.setAttribute("value","ok");//设置value的值为“ok”
...

<input type="text" id="text1" name="txt" value="please">

（2）访问节点

var a=document.getElementsByTagName("div")[0].childNodes;//"[0]"表示第一个<div>的子节点。另外，在非IE类浏览器里，换行符也算做一个子节点。

document.write(a.length);

var x=document.getElementById("con");
document.write(x.firstChild.nodeName+"<br/>");
document.write(x.lastChild.nodeName);
//获取父节点x.parent方法类似，不再演示。

var x=n.nextSibling;//获取紧跟着的兄弟节点
...

<div id="con">

  javascript  

  <p>javascript</p>

  <div>jQuery</div>

  <h5>PHP</h5>

</div>

（3）创建与删除节点

var otest = document.getElementById("test");  

var a=document.createElement("li");

a.innerText="PHP";

otest.appendChild(a);//创建紧跟着的下一个节点 
//在节点前面插入的函数insertBefore()类似，不再演示。

otest.removeChild("otest.childNotes[0]");//移除第一个子节点JavaScript
...

<ul id="test">

  <li>JavaScript</li>

  <li>HTML</li>

</ul>