JavaScript整理

Math.random() 返回一个伪随机数；

Math.abs() 返回x的绝对值；

Math.pow(x,y) 返回x的y次幂；

Math.round(x) 将x取值为最接近的整数值；

Length; Substring()：

Var x=”chinachina”; Var x=”chinachina”;

Alert(x.length); Alert(substring(0,3));

输出:”10” 输出:”chi”

concat方法将两个字符串连接到一起:

Var firststring=”hello”;

Var finalstring=firststring.concat(“world”);

Alert(finalstring); outputs “hello world”

toUpperCase和toLowerCase方法:

Var mystring=”this is a string”;

Alert(mystring.toUpperCase()); --- THIS IS A STRING

Alert(mystring.toUpperCase()); --- this a string

数组:

Var star=array();

Star[0]=”NanJing”;

Star[1]=”WuHan”;

Star[2]=”ChangSha”;

也可以写成:

Var star=[“Nanjing”,”Wuhan”,”Changsha”];

数组也可以包涵嵌套的值，像下面把城市和其所在的省组合起来

Var star=[[“Nanjing”,“JiangSu”],[“WuHan”,”HuBei”],[“ChangSha”,”HuNan”]];

Date对象---toLoacaleDateString()返回日期： --(兄弟方法)-- toLocaleTimeString()返回时间

Var myDate=new Date();

Alert(myDate.toLocaleDateString());

这里的时间被调整为当地时区并且被toLocaleDateString()方法格式化

Date对象---getYear()方法: getFullYear()方法---返回整个年份

Var myDate=new Date();

Alert(myDate.getYear());

Regexp对象的exec()方法用来对字符串解析正则表达式并返回结果

例:解析一个简单的URL并提取域名：

Var myString=”http://www.braingia.org”;

Var myRegex=/http:\/\/\w+\.(.*)/;

var results=myRegex.exec(myString);

alert(results[1]);

arguments：函数参数

示例：

function myfunction()

{

var firstarq=arguments[0];

var secondarq=arguments[1];

alert("Hello"+firstarq);

alert("Hello"+secondarq);

}

myfunction("AI","EI");

</script>

返回值:

function multiplyNums(x){

return x*2;

}

var theNumber=10; ---代码接着创建了一个名为theNumber的变量;

var result=multiplyNums(theNumber); ---接着创建了另一个名为result的变量，该变量保存调用multiplyNums 函数的结果，multiplyNum函数使用变量theNumber作为它的参数：

alert(result); ----返回result

</script>

匿名/无名函数(函数直接量)

var divNums=function(firstNum,secondNum){return firstNum/secondNum;};

alert(divNums(8,2));

闭包（closure）：

function myFunction(){

var myNum=10;

function showNum(){

alert(myNum);

}

return showNum();

}

var callFunc=myFunction();

myFunction();

</script>

使用伪类组装一个star对象：

var star=();

function Star(constell,type,specclass,magnitude){

this.constellation=constell;

this.type=type;

this.spectralClass=specclass;

this.mag=magnitude;

}

star["Polaris"]=new Star("Ursa Minor","Double/Cepheid","F7",2.0);

star["Mizar"]=new Star("Ursa Major","Spectroscopic Binary","A1 V",2.3);

.....

创建对象：

1.使用new关键字，如下:

var star=new Object;

2.使用花括号，如下:

var star={ }

数组方法:concat()添加元素

var myArray=new Array();

myArray[0]="first";

myArray[1]="second";

var newArray=myArray.concat("third");

//newArray is now[first,second,third]

也可以将一个数组连接到另一个数组:

var star=["Polaris","Deneb","Vega","Altair"];

var newstars=["Aldebaran","Rigel"];

var morestars=star.concat(newstars);

var mStarLength=morestars.length;

for(var i=0;i<mStarLength;i++){

alert(morestars[i]);

}

</script>

使用join连接:

var star=["Polaris","Deneb","Vega","Altair"];

var starString=star.join("*");---("*")是指使用*作为连接分隔符

使用slice返回数组的一部分：

var star=["Polaris","Deneb","Vega","Altair"];

var cutStars=star.slice(2,3) ------------返回第三个和第四个元素

使用sort为数组排序:

var star=["Polaris","Deneb","Vega","Altair"];

var sortedStars=star.sort();

遍历数组:

var candies=["chocolate","licorice","mints"];

for(var i=0;i<candies.length;i++){

alert(candies[i]);

}

全局对象:

encodeURI()方法

例：

http://www.braingia.org/a uri with spaces.htm

前面的URI包涵空格，空格在HTTP URI中是不允许的，因此该URI需要编码:

alert(encodeURI("http://www.braingia.org/a uri with spaces.htm"));

navigator对象:(显示浏览器属性)

var body=document.getElementsByTagName("body")[0];

for(var prop in navigator){

var elem=document.createElement("p");

var text=document.createTextNode(prop+":"+navigator[prop]);

elem.appendChild(text);

body.appendChild(elem);

}

</script>

history对象:提供了通过访问者浏览历史向前移动和向后移动的方法，然而出于安全的考虑，javascript不能访问浏览器所访问网站的URI。可以使用back()【向后移动页面】、forword()【向前移动页面】、go()【移动到参数指定的索引值】方法。

通过ID获取元素:

getElementById() 例:

<html>

<head>

<title>Hello World</title>

function checkhref(){

var a1=document.getElementById("w3link");

alert(a1.href);

}

</script>

</head>

</body>

</html>

通过标签名获取:

getElementByTagName() 例:

<html>

<head>

function changecolors(){

var a1=document.getElementsByTagName("td");

var a1Length=a1.length; ----使用getElementByTagname()方法获取所有td元素，并放入a1数组

for(var i=0;i<a1Length;i++){

a1[i].style.background="orange";

}

</script>

</head>

<body>

<tr><td id="lefttd0">Left column</td><td id="righttd0">Right column</td></tr>

<tr><td id="lefttd1">Left column</td><td id="righttd1">Right column</td></tr>

<tr><td id="lefttf2">Left column</td><td id="righttd2">Right column</td></tr>

</table>

<a href="#" onclick="return changecolors();">Click to Change Colors</a>

</body>

</html>

HTML集合:

document.anchors ：一个包含所有<a>元素的组（就是那些具有name属性的参数）

document.forms：一个包含文档中所有<form>元素的组

document.images：一个包含所有<img>元素的组

document.links：一个包含所有具有href属性的<a>元素的组

创建元素 ----添加文本

<body>

var newelement=document.createElement("p");

document.body.appendChild(newelement);

newelement.appendChild(document.createTextNode("Hello World"));

</script>

</body>

<body>

for(var i=0;i<3;i++){

var element=document.createElement("p");

element.setAttribute("id","element"+i);

document.body.appendChild(element);

element.appendChild(document.createTextNode("Hello World,I'm Element"+i+"."));

}

</script>

</body>

删除元素 removeChild()

Background：

background 属性允许您选用自己的背景。

background-attachment:scroll

背景随页面滚动。

background-attachment:fixed

背景不会随页面滚动。1

实现多个输入框对一个输入框的监听代码:

<html>

<head>

</head>

function changeFunc(){

var aValue = document.getElementById('A').value;

var bValue = document.getElementById('B').value;

var cValue = document.getElementById('C').value;

var dValue = parseInt(aValue) + parseInt(bValue) + parseInt(cValue);

document.getElementById('D').value = dValue;

}

</script>

</body>

</html>

JavaScript整理

推荐阅读更多精彩内容