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：函数参数
示例：
<script type="text/javascript">
function myfunction()
{
var firstarq=arguments[0];
var secondarq=arguments[1];
alert("Hello"+firstarq);
alert("Hello"+secondarq);
}
myfunction("AI","EI");
</script>
返回值:
<script type="text/javascript">
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）：
<script type="text/javascript">
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]
也可以将一个数组连接到另一个数组:
<script type="text/javascript">
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对象:(显示浏览器属性)
<script type="text/javascript">
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>
<script type="text/javascript">
function checkhref(){
var a1=document.getElementById("w3link");
alert(a1.href);
}
</script>
</head>
<body onload="checkhref()">
<p id="sometext">here's some text.</p>
<p id="moretext">here's more text.</p>
<p id="linkp">Link to the<a id="w3link" href="http://www.w3.org">W3</a></p>
</body>
</html>
通过标签名获取:
getElementByTagName() 例:
<html>
<head>
<title>Tag Name</title>
<script type="text/javascript">
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>
<table id="mytable" border="1">
<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>
<script type="text/javascript">
var newelement=document.createElement("p");
document.body.appendChild(newelement);
newelement.appendChild(document.createTextNode("Hello World"));
</script>
</body>
<body>
<script type="text/javascript">
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>
<script type="text/javascript">
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 onload="changeFunc()">
<input type="text" id="A" value="0" onchange="changeFunc()"/>
+
<input type="text" id="B" value="0" onchange="changeFunc()"/>
+
<input type="text" id="C" value="0" onchange="changeFunc()"/>
=
<input type="text" id="D" value="0" readonly="true"/>
</body>
</html>
网友评论