初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区.docx
《初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区.docx》由会员分享,可在线阅读,更多相关《初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区.docx(16页珍藏版)》请在冰豆网上搜索。
![初学网页javascript经典小教程总结 鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区.docx](https://file1.bdocx.com/fileroot1/2023-1/14/a25e50ae-0c59-466b-82db-5f9efaadead8/a25e50ae-0c59-466b-82db-5f9efaadead81.gif)
初学网页javascript经典小教程总结鹤山自由港社区无束缚更自在鹤山人的交友休闲娱乐综合社区
初学网页Javascript经典小教程总结鹤山自由港社区—[无束缚,更自在]-鹤山人的交友、休闲、娱乐综合社区
初学网页Javascript经典小教程总结适合阅读范围:
对javascript一无所知~离精通只差一步之遥的人
基础知识:
HTMLjavascript就这么回事1:
基础知识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+“<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动态输出HTML1:
<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=newDate();
3:
varthisTimeString=thisDate.getHours()+“:
”+thisDate.getMinutes();
4:
varthisDateString=thisDate.getFullYear()+“/”+thisDate.getMonth()+“/”+thisDate.getDate();
5:
document.write(thisTimeString+“on“+thisDateString);
6:
</script>32读取URL参数1:
<scriptlanguage=”javascript”>
2:
varurlParts=document.URL.split(“?
”);
3:
varparameterParts=urlParts[1].split(“&”);
4:
for(i=0;i<parameterParts.length;i++){
5:
varpairParts=parameterParts.split(“=”);
6:
varpairName=pairParts[0];
7:
varpairValue=pairParts[1];
8:
document.write(pairName+“:
“+pairValue);
9:
}
10:
</script>你还以为HTML是无状态的么?
33打开一个新的document对象1:
<scriptlanguage=”javascript”>
2:
functionnewDocument(){
3:
document.open();
4:
document.write(“<p>ThisisaNewDocument.</p>”);
5:
document.close();
6:
}
7:
</script>34页面跳转1:
<scriptlanguage=”javascript”>
2:
window.location=“
3:
</script>35添加网页加载进度窗口1:
<html>
2:
<head>
3:
<scriptlanguage=‘javascript‘>
4:
varplaceHolder=window.open(‘holder.html‘,‘placeholder‘,‘width=200,height=200‘);
5:
</script>
6:
<title>TheMainPage</title>
7:
</head>
8:
<bodyonLoad=‘placeHolder.close()‘>
9:
<p>Thisisthemainpage</p>
10:
</body>
11:
</html>javascript就这么回事3:
图像36读取图像属性1:
<imgsrc="/”image1.jpg"”name=”myImage”>
2:
<ahref=”#”onClick=”window.alert(document.myImage.width)”>Width</a>
3:
37动态加载图像1:
<scriptlanguage=”javascript”>
2:
myImage=newImage;
3:
myImage.src=“Tellers1.jpg”;
4:
</script>38简单的图像替换1:
<scriptlanguage=”javascript”>
2:
rollImage=newImage;
3:
rollImage.src=“rollImage1.jpg”;
4:
defaultImage=newImage;
5:
defaultImage.src=“image1.jpg”;
6:
</script>
7:
<ahref="/”myUrl"”onMouseOver=”document