初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区Word文档格式.docx

初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区Word文档格式.docx

《初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区Word文档格式.docx》由会员分享，可在线阅读，更多相关《初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区Word文档格式.docx（16页珍藏版）》请在冰豆网上搜索。

5:

在不支持javascript的浏览器中将不执行相关代码3浏览器不支持的时候显示1:

noscript&

Hellotothenon-javascriptbrowser.

/noscript&

4链接外部脚本文件1:

src="

/&

filename.js"

5注释脚本1:

//Thisisacomment

/*

Allofthis

isacomment

6:

*/6输出到浏览器1:

strong&

/strong&

7定义变量1:

varmyVariable=&

somevalue&

;

8字符串相加1:

varmyString=&

String1&

+&

String2&

9字符串搜索1:

Hellothere&

vartherePlace=myVariable.search（&

there&

document.write（therePlace）;

7:

10字符串替换1:

thisVar.replace（&

Monday&

&

Friday&

11格式化字串1:

document.write（myVariable.big（）+&

br&

document.write（myVariable.blink（）+&

document.write（myVariable.bold（）+&

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（&

20:

21:

12创建数组1:

varmyArray=newArray（5）;

myArray[0]=&

FirstEntry&

myArray[1]=&

SecondEntry&

myArray[2]=&

ThirdEntry&

myArray[3]=&

FourthEntry&

myArray[4]=&

FifthEntry&

varanotherArray=newArray（&

13数组排序1:

z&

c&

d&

a&

q&

document.write（myArray.sort（））;

14分割字符串1:

a,b,c,d&

varstringArray=myVariable.split（&

document.write（stringArray[0]）;

document.write（stringArray[1]）;

document.write（stringArray[2]）;

document.write（stringArray[3]）;

15弹出警告信息1:

window.alert（&

16弹出确认框1:

varresult=window.confirm（&

ClickOKtocontinue&

17定义函数1:

functionmultiple（number1,number2）{

varresult=number1*number2;

returnresult;

}

18调用JS函数1:

ahref=&

#&

onClick=&

functionName（）&

Linktext&

/a&

ahref="

javascript:

functionName"

（）&

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

bodyonLoad=&

functionName（）;

Bodyofthepage

/body&

20条件判断1:

script&

varuserChoice=window.confirm（&

ChooseOKorCancel&

varresult=（userChoice==true）?

OK&

:

Cancel&

document.write（result）;

21指定次数循环1:

varmyArray=newArray（3）;

Item0&

Item1&

Item2&

for（i=0;

i&

myArray.length;

i++）{

document.write（myArray+&

22设定将来执行1:

functionhello（）{

window.setTimeout（&

hello（）&

5000）;

23定时执行函数1:

24取消定时执行1:

varmyTimeout=window.setTimeout（&

window.clearTimeout（myTimeout）;

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

bodyonUnload=&

javascript就这么回事2：

浏览器输出26访问document对象1:

varmyURL=document.URL;

window.alert（myURL）;

27动态输出HTML1:

p&

Here&

#8217;

ssomeinformationaboutthisdocument:

/p&

ul&

li&

ReferringDocument:

+document.referrer+&

/li&

Domain:

+document.domain+&

URL:

+document.URL+&

/ul&

28输出换行1:

document.writeln（&

b&

29输出日期1:

varthisDate=newDate（）;

document.write（thisDate.toString（））;

30指定日期的时区1:

varmyOffset=-2;

varcurrentDate=newDate（）;

varuserOffset=currentDate.getTimezoneOffset（）/60;

vartimeZoneDifference=userOffset-myOffset;

currentDate.setHours（currentDate.getHours（）+timeZoneDifference）;

ThetimeanddateinCentralEuropeis:

+currentDate.toLocaleString（））;

31设置日期输出格式1:

varthisTimeString=thisDate.getHours（）+&

:

+thisDate.getMinutes（）;

varthisDateString=thisDate.getFullYear（）+&

+thisDate.getMonth（）+&

+thisDate.getDate（）;

document.write（thisTimeString+&

on&

+thisDateString）;

32读取URL参数1:

varurlParts=document.URL.split（&

?

varparameterParts=urlParts[1].split（&

amp;

parameterParts.length;

varpairParts=parameterParts.split（&

=&

varpairName=pairParts[0];

varpairValue=pairParts[1];

document.write（pairName+&

：

+pairValue）;

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

33打开一个新的document对象1:

functionnewDocument（）{

document.open（）;

ThisisaNewDocument.&

document.close（）;

34页面跳转1:

window.location=&

35添加网页加载进度窗口1:

html&

head&

scriptlanguage=‘javascript‘&

varplaceHolder=window.open（‘holder.html‘,‘placeholder‘,‘width=200,height=200‘）;

title&

TheMainPage&

/title&

/head&

bodyonLoad=‘placeHolder.close（）‘&

Thisisthemainpage&

/html&

javascript就这么回事3：

图像36读取图像属性1:

imgsrc="

image1.jpg"

name=&

myImage&

#&

window.alert（document.myImage.width）&

Width&

37动态加载图像1:

myImage=newImage;

myImage.src=&

Tellers1.jpg&

38简单的图像替换1:

rollImage=newImage;

rollImage.src=&

rollImage1.jpg&

defaultImage=newImage;

defaultImage.src=&

image1.jpg&

myUrl"

onMouseOver=&

document