JavaScript就这么回事.docx

JavaScript就这么回事.docx

《JavaScript就这么回事.docx》由会员分享，可在线阅读，更多相关《JavaScript就这么回事.docx（22页珍藏版）》请在冰豆网上搜索。

JavaScript就这么回事

适合阅读范围：

对JavaScript一无所知～离精通只差一步之遥的人

基础知识：

HTML

1：

基础知识

1创建脚本块

1:

2:

JavaScriptcodegoeshere

3:

2隐藏脚本代码

1:

2:

--

3:

document.write（“Hello”）;

4:

//-->

5:

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

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

1:

2:

Hellotothenon-JavaScriptbrowser.

3:

4链接外部脚本文件

1:

5注释脚本

1:

//Thisisacomment

2:

document.write（“Hello”）;//Thisisacomment

3:

/*

4:

Allofthis

5:

isacomment

6:

*/

6输出到浏览器

1:

document.write（“Hello”）;

7定义变量

1:

varmyVariable=“somevalue”;

8字符串相加

1:

varmyString=“String1”+“String2”;

9字符串搜索

1:

2:

--

3:

varmyVariable=“Hellothere”;

4:

vartherePlace=myVariable.search（“there”）;

5:

document.write（therePlace）;

6:

//-->

7:

10字符串替换

1:

thisVar.replace（“Monday”,”Friday”）;

11格式化字串

1:

2:

--

3:

varmyVariable=“Hellothere”;

4:

document.write（myVariable.big（）+“
”）;

5:

document.write（myVariable.blink（）+“
”）;

6:

document.write（myVariable.bold（）+“
”）;

7:

document.write（myVariable.fixed（）+“
”）;

8:

document.write（myVariable.fontcolor（“red”）+“
”）;

9:

document.write（myVariable.fontsize（“18pt”）+“
”）;

10:

document.write（myVariable.italics（）+“
”）;

11:

document.write（myVariable.small（）+“
”）;

12:

document.write（myVariable.strike（）+“
”）;

13:

document.write（myVariable.sub（）+“
”）;

14:

document.write（myVariable.sup（）+“
”）;

15:

document.write（myVariable.toLowerCase（）+“
”）;

16:

document.write（myVariable.toUpperCase（）+“
”）;

17:

18:

varfirstString=“MyString”;

19:

varfinalString=firstString.bold（）.toLowerCase（）.fontcolor（“red”）;

20:

//-->

21:

12创建数组

1:

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:

13数组排序

1:

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:

14分割字符串

1:

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:

15弹出警告信息

1:

2:

--

3:

window.alert（“Hello”）;

4:

//-->

5:

16弹出确认框

1:

2:

--

3:

varresult=window.confirm（“ClickOKtocontinue”）;

4:

//-->

5:

17定义函数

1:

2:

--

3:

functionmultiple（number1,number2）{

4:

varresult=number1*number2;

5:

returnresult;

6:

}

7:

//-->

8:

18调用JS函数

1:

Linktext

2:

functionName"（）”>Linktext

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

1:

2:

Bodyofthepage

3:

20条件判断

1:

21指定次数循环

1:

27动态输出HTML

1:

2:

document.write（“

Here’ssomeinformationaboutthisdocument:

3:

document.write（“

”）;

4:

document.write（“

• ReferringDocument:

  “+document.referrer+“

”）;

5:

document.write（“

• Domain:

  “+document.domain+“

”）;

6:

document.write（“

• URL:

  “+document.URL+“

”）;

7:

document.write（“

8:

28输出换行

1:

document.writeln（“a”）;

2:

document.writeln（“b”）;

29输出日期

1:

2:

varthisDate=newDate（）;

3:

document.write（thisDate.toString（））;

4:

30指定日期的时区

1:

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:

31设置日期输出格式

1:

2:

varthisDate=newDate（）;

3:

varthisTimeString=thisDate.getHours（）+“:

”+thisDate.getMinutes（）;

4:

varthisDateString=thisDate.getFullYear（）+“/”+thisDate.getMonth（）+“/”+thisDate.getDate（）;

5:

document.write（thisTimeString+“on“+thisDateString）;

6:

32读取URL参数

1:

2:

varurlParts=document.URL.split（“?

”）;

3:

varparameterParts=urlParts[1].split（“&”）;

4:

for（i=0;i

5:

varpairParts=parameterParts.split（“=”）;

6:

varpairName=pairParts[0];

7:

varpairValue=pairParts[1];

8:

document.write（pairName+“：

“+pairValue）;

9:

}

10:

你还以为HTML是无状态的么？

33打开一个新的document对象

1:

2:

functionnewDocument（）{

3:

document.open（）;

4:

document.write（“

ThisisaNewDocument.

5:

document.close（）;

6:

}

7:

3：

页面跳转

1:

2:

window.location=“

4：

表单

还是先继续写完JS就这么回事系列吧～

43表单构成

1:

2:

3:

4:

FirstChoice

5:

SecondChoice

6:

7:

8:

9:

44访问表单中的文本框内容

1:

2:

3:

4:

CheckTextField

45动态复制文本框内容

1:

2:

EntersomeText:

3:

CopyText:

4:

5:

6:

document.myForm.myText.value;”>CopyTextField

46侦测文本框的变化

1:

2:

EntersomeText:

3:

47访问选中的Select

1:

2:

3:

1

4:

2

5:

3

6:

7:

8:

CheckSelectionList

48动态增加Select项

1:

2:

3:

1

4:

2

5:

6:

7:

8:

document.myForm.mySelect.length++;

9:

document.myForm.mySelect.options[document.myForm.mySelect.length-1].text=“3”;

10:

document.myForm.mySelect.options[document.myForm.mySelect.length-1].value=“ThirdChoice”;

11:

49验证表单字段

1:

2:

functioncheckField（field）{

3:

if（field.value==“”）{

4:

window.alert（“Youmustenteravalueinthefield”）;

5:

field.focus（）;

6:

}

7:

}

8:

9:

10:

TextField:

11:

12:

50验证Select项

1:

functioncheckList（selection）{

2:

if（selection.length==0）{

3:

window.alert（“Youmustmakeaselectionfromthelist.”）;

4:

returnfalse;

5:

}

6:

returntrue;

7:

}

51动态改变表单的action

1:

2:

Username:

3:

Password:

4:

5:

6:

7:

52使用图像按钮

1:

2:

Username:

3:

Password:

4:

5:

6:

53表单数据的加密

1:

2:

--

3:

functionencrypt（item）{

4:

varnewItem='';

5:

for（i=0;i

6:

newItem+=item.charCodeAt（i）+'.';

7:

}

8:

returnnewItem;

9:

}

10:

functionencryptForm（myForm）{

11:

for（i=0;i

12:

myForm.elements

70框架代码库

根据以上的一些思路，我们可以使用一个隐藏的框架页面来作为整个框架集的代码库

1:

2:

3:

4:

5:

.value=encrypt（myForm.elements.value）;

13:

}

14:

}

15:

16:

//-->

17