JavaScript使用方法和技巧大全Word格式文档下载.docx
- 文档编号:22346198
- 上传时间:2023-02-03
- 格式:DOCX
- 页数:22
- 大小:20.71KB
JavaScript使用方法和技巧大全Word格式文档下载.docx
《JavaScript使用方法和技巧大全Word格式文档下载.docx》由会员分享,可在线阅读,更多相关《JavaScript使用方法和技巧大全Word格式文档下载.docx(22页珍藏版)》请在冰豆网上搜索。
noscript>
Hellotothenon-JavaScriptbrowser.
/noscript>
4链接外部脚本文件
src="
filename.js"
<
5注释脚本
//Thisisacomment
/*
Allofthis
isacomment
6:
*/
6输出到浏览器
strong>
Hello<
/strong>
"
7定义变量
varmyVariable="
somevalue"
;
8字符串相加
varmyString="
String1"
+"
String2"
9字符串搜索
Hellothere"
vartherePlace=myVariable.search("
there"
document.write(therePlace);
7:
10字符串替换
thisVar.replace("
Monday"
"
Friday"
11格式化字串
varmyVariable='
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创建数组
varmyArray=newArray(5);
myArray[0]="
FirstEntry"
myArray[1]="
SecondEntry"
myArray[2]="
ThirdEntry"
myArray[3]="
FourthEntry"
myArray[4]="
FifthEntry"
varanotherArray=newArray("
13数组排序
z"
c"
d"
a"
q"
document.write(myArray.sort());
14分割字符串
a,b,c,d"
varstringArray=myVariable.split("
document.write(stringArray[0]);
document.write(stringArray[1]);
document.write(stringArray[2]);
document.write(stringArray[3]);
15弹出警告信息
window.alert("
16弹出确认框
varresult=window.confirm("
ClickOKtocontinue"
17定义函数
functionmultiple(number1,number2){
varresult=number1*number2;
returnresult;
}
18调用JS函数
ahref="
#"
onClick="
functionName()"
Linktext<
/a>
javascript:
functionName"
()"
19在页面加载完成后执行函数
bodyonLoad="
functionName();
Bodyofthepage
/body>
20条件判断
script>
varuserChoice=window.confirm("
ChooseOKorCancel"
varresult=(userChoice==true)?
"
OK"
:
Cancel"
document.write(result);
21指定次数循环
varmyArray=newArray(3);
Item0"
Item1"
Item2"
for(i=0;
i<
myArray.length;
i++){
document.write(myArray[i]+"
22设定将来执行
functionhello(){
window.setTimeout("
hello()"
5000);
23定时执行函数
24取消定时执行
varmyTimeout=window.setTimeout("
window.clearTimeout(myTimeout);
25在页面卸载时候执行函数
bodyonUnload="
JavaScript就这么回事2:
浏览器输出
26访问document对象
varmyURL=document.URL;
window.alert(myURL);
27动态输出HTML
p>
Here’ssomeinformationaboutthisdocument:
/p>
ul>
li>
ReferringDocument:
+document.referrer+"
/li>
Domain:
+document.domain+"
URL:
+document.URL+"
/ul>
28输出换行
document.writeln("
a<
b"
29输出日期
varthisDate=newDate();
document.write(thisDate.toString());
30指定日期的时区
varmyOffset=-2;
varcurrentDate=newDate();
varuserOffset=currentDate.getTimezoneOffset()/60;
vartimeZoneDifference=userOffset-myOffset;
currentDate.setHours(currentDate.getHours()+timeZoneDifference);
ThetimeanddateinCentralEuropeis:
+currentDate.toLocaleString());
31设置日期输出格式
varthisTimeString=thisDate.getHours()+"
:
+thisDate.getMinutes();
varthisDateString=thisDate.getFullYear()+"
/"
+thisDate.getMonth()+"
+thisDate.getDate();
document.write(thisTimeString+"
on"
+thisDateString);
32读取URL参数
varurlParts=document.URL.split("
?
varparameterParts=urlParts[1].split("
&
parameterParts.length;
varpairParts=parameterParts[i].split("
="
varpairName=pairParts[0];
varpairValue=pairParts[1];
document.write(pairName+"
:
+pairValue);
你还以为HTML是无状态的么?
33打开一个新的document对象
functionnewDocument(){
document.open();
ThisisaNewDocument.<
document.close();
34页面跳转
window.location="
35添加网页加载进度窗口
html>
head>
scriptlanguage='
javaScript'
varplaceHolder=window.open('
'
'
placeholder'
width=200,height=200'
title>
TheMainPage<
/title>
/head>
bodyonLoad='
placeHolder.close()'
Thisisthemainpage<
/html>
JavaScript就这么回事3:
图像
36读取图像属性
imgsrc="
name="
myImage"
window.alert(document.myImage.width)"
Width<
37动态加载图像
myImage=newImage;
myImage.src="
38简单的图像替换
rollImage=newImage;
rollImage.src="
defaultImage=newImage;
defaultImage.src="
image1.jpg"
onMouseOver="
document.myImage.src=rollImage.src;
onMouseOut="
document.myImage.src=defaultImage.src;
width=100height=100border=0>
39随机显示图像
varimageList=newArray;
imageList[0]="
imageList[1]="
image2.jpg"
imageList[2]="
image3.jpg"
imageList[3]="
image4.jpg"
varimageChoice=Math.floor(Math.random()*imageList.length);
document.write(‘<
’+imageList[imageChoice]+‘"
’);
40函数实现的图像替换
varsource=0;
varreplacement=1;
functioncreateRollOver(originalImage,replacementImage){
varimageArray=newArray;
imageArray[source]=newImage;
imageArray[source].src=originalImage;
imageArray[replacement]=newImage;
imageArray[replacement].src=replacementImage;
returnimageArray;
varrollImage1=createRollOver("
rollImage1.jpg"
document.myImage1.src=rollImage1[replacement].src;
document.myImage1.src=rollImage1[source].src;
width=100name="
myImage1"
border=0>
41创建幻灯片
imageList[0]=newImage;
imageList[0].src="
imageList[1]=newImage;
imageList[1].src="
imageList[2]=newImage;
imageList[2].src="
imageList[3]=newImage;
imageList[3].src="
func
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- JavaScript 使用方法 技巧 大全