javascript 方法大全

一、基础知识

1创建脚本块

1:<scriptlanguage=”Javascript”>

2:JavaScriptcodegoeshere

3:</script>

2隐藏脚本代码

1:<scriptlanguage=”JavaScript”>

2:<!--

3:document.write(“Hello”);

4://-->

5:</script>

在不支持JavaScript的浏览器中将不执行相关代码

3浏览器不支持的时候显示

1:<noscript>

2:Hellotothenon-JavaScriptbrowser.

3:</noscript>

4链接外部脚本文件

1:<scriptlanguage=”JavaScript”src="/”filename.js"”></script>

5注释脚本

1://Thisisacomment

2:document.write(“Hello”);//Thisisacomment

3:/*

4:Allofthis

5:isacomment

6:*/

6输出到浏览器

1:document.write(“<strong>Hello</strong>”);

7定义变量

1:varmyVariable=“somevalue”;

8字符串相加

1:varmyString=“String1”+“String2”;

9字符串搜索

1:<scriptlanguage=”JavaScript”>

2:<!--

3:varmyVariable=“Hellothere”;

4:vartherePlace=myVariable.search(“there”);

5:document.write(therePlace);

6://-->

7:</script>

10字符串替换

1:thisVar.replace(“Monday”,”Friday”);

11格式化字串

1:<scriptlanguage=”JavaScript”>

2:<!--

3:varmyVariable=“Hellothere”;

4:document.write(myVariable.big()+“<br>”);

5:document.write(myVariable.blink()+“<br>”);

6:document.write(myVariable.bold()+“<br>”);

7:document.write(myVariable.fixed()+“<br>”);

8:document.write(myVariable.fontcolor(“red”)+“<br>”);

9:document.write(myVariable.fontsize(“18pt”)+“<br>”);

10:document.write(myVariable.italics()+“<br>”);

11:document.write(myVariable.small()+“<br>”);

12:document.write(myVariable.strike()+“<br>”);

13:document.write(myVariable.sub()+“<br>”);

14:document.write(myVariable.sup()+“<br>”);

15:document.write(myVariable.toLowerCase()+“<br>”);

16:document.write(myVariable.toUpperCase()+“<br>”);

17:

18:varfirstString=“MyString”;

19:varfinalString=firstString.bold().toLowerCase().fontcolor(“red”);

20://-->

21:</script>

12创建数组

1:<scriptlanguage=”JavaScript”>

2:<!--

3:varmyArray=newArray(5);

4:myArray[0]=“FirstEntry”;

5:myArray[1]=“SecondEntry”;

6:myArray[2]=“ThirdEntry”;

7:myArray[3]=“FourthEntry”;

8:myArray[4]=“FifthEntry”;

9:varanotherArray=newArray(“FirstEntry”,”SecondEntry”,”ThirdEntry”,”FourthEntry”,”FifthEntry”);

10://-->

11:</script>

13数组排序

1:<scriptlanguage=”JavaScript”>

2:<!--

3:varmyArray=newArray(5);

4:myArray[0]=“z”;

5:myArray[1]=“c”;

6:myArray[2]=“d”;

7:myArray[3]=“a”;

8:myArray[4]=“q”;

9:document.write(myArray.sort());

10://-->

11:</script>

14分割字符串

1:<scriptlanguage=”JavaScript”>

2:<!--

3:varmyVariable=“a,b,c,d”;

4:varstringArray=myVariable.split(“,”);

5:document.write(stringArray[0]);

6:document.write(stringArray[1]);

7:document.write(stringArray[2]);

8:document.write(stringArray[3]);

9://-->

10:</script>

15弹出警告信息

1:<scriptlanguage=”JavaScript”>

2:<!--

3:window.alert(“Hello”);

4://-->

5:</script>

16弹出确认框

1:<scriptlanguage=”JavaScript”>

2:<!--

3:varresult=window.confirm(“ClickOKtocontinue”);

4://-->

5:</script>

17定义函数

1:<scriptlanguage=”JavaScript”>

2:<!--

3:functionmultiple(number1,number2){

4:varresult=number1*number2;

5:returnresult;

6:}

7://-->

8:</script>

18调用JS函数

1:<ahref=”#”onClick=”functionName()”>Linktext</a>

2:<ahref="/”javascript:functionName"()”>Linktext</a>

19在页面加载完成后执行函数

1:<bodyonLoad=”functionName();”>

2:Bodyofthepage

3:</body>

20条件判断

1:<script>

2:<!--

3:varuserChoice=window.confirm(“ChooSEOKorCancel”);

4:varresult=(userChoice==true)?“OK”:“Cancel”;

5:document.write(result);

6://-->

7:</script>

21指定次数循环

1:<script>

2:<!--

3:varmyArray=newArray(3);

4:myArray[0]=“Item0”;

5:myArray[1]=“Item1”;

6:myArray[2]=“Item2”;

7:for(i=0;i<myArray.length;i++){

8:document.write(myArray[i]+“<br>”);

9:}

10://-->

11:</script>

22设定将来执行

1:<script>

2:<!--

3:functionhello(){

4:window.alert(“Hello”);

5:}

6:window.setTimeout(“hello()”,5000);

7://-->

8:</script>

23定时执行函数

1:<script>

2:<!--

3:functionhello(){

4:window.alert(“Hello”);

5:window.setTimeout(“hello()”,5000);

6:}

7:window.setTimeout(“hello()”,5000);

8://-->

9:</script>

24取消定时执行

1:<script>

2:<!--

3:functionhello(){

4:window.alert(“Hello”);

5:}

6:varmyTimeout=window.setTimeout(“hello()”,5000);

7:window.clearTimeout(myTimeout);

8://-->

9:</script>

25在页面卸载时候执行函数

1:<bodyonUnload=”functionName();”>

2:Bodyofthepage

3:</body>

JavaScript就这么回事2：浏览器输出

26访问document对象

1:<scriptlanguage=”JavaScript”>

2:varmyURL=document.URL;

3:window.alert(myURL);

4:</script>

27动态输出HTML

1:<scriptlanguage=”JavaScript”>

2:document.write(“<p>Here’ssomeinformationaboutthisdocument:</p>”);

3:document.write(“<ul>”);

4:document.write(“<li>ReferringDocument:“+document.referrer+“</li>”);

5:document.write(“<li>Domain:“+document.domain+“</li>”);

6:document.write(“<li>URL:“+document.URL+“</li>”);

7:document.write(“</ul>”);

8:</script>

28输出换行

1:document.writeln(“<strong>a</strong>”);

2:document.writeln(“b”);

29输出日期

1:<scriptlanguage=”JavaScript”>

2:varthisDate=newDate();

3:document.write(thisDate.toString());

4:</script>

30指定日期的时区

1:<scriptlanguage=”JavaScript”>

2:varmyOffset=-2;

3:varcurrentDate=newDate();

4:varuserOffset=currentDate.getTimezoneOffset()/60;

5:vartimeZoneDifference=userOffset-myOffset;

6:currentDate.setHours(currentDate.getHours()+timeZoneDifference);

7:document.write(“ThetimeanddateinCentralEuropeis:“+currentDate.toLocaleString());

8:</script>

31设置日期输出格式

1:<scriptlanguage=”JavaScript”>

2:varthisDate=n