1创建脚本块
2隐藏脚本代码
3浏览器不支持的时候显示
4链接外部脚本文件
5注释脚本
6输出到浏览器
7定义变量
8字符串相加
9字符串搜索
10字符串替换
thisVar.replace(“Monday”,”Friday”);
11格式化字串
12创建数组
13数组排序
14分割字符串
15弹出警告信息
16弹出确认框
17定义函数
18调用JS函数
19在页面加载完成后执行函数
20条件判断
21指定次数循环
22设定将来执行
23定时执行函数
24取消定时执行
25在页面卸载时候执行函数
1
<
scriptlanguage
=
”JavaScript”
>
2
JavaScriptcodegoeshere
3
</
script
>
<
scriptlanguage
=
”JavaScript”
>
2
JavaScriptcodegoeshere3
</
script
>
2隐藏脚本代码
1
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
document.write(“Hello”);
4
//
-->
5
</
script
>
在不支持JavaScript的浏览器中将不执行相关代码
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
document.write(“Hello”);4
//
-->
5
</
script
>
3浏览器不支持的时候显示
1
<
noscript
>
2
Hellotothenon
-
JavaScriptbrowser.
3
</
noscript
>
<
noscript
>
2
Hellotothenon
-
JavaScriptbrowser.3
</
noscript
>
4链接外部脚本文件
1
<
scriptlanguage
=
”JavaScript”src
=
"
/”filename.js
"
”
></
script
>
<
scriptlanguage
=
”JavaScript”src
=
"
/”filename.js
"
”
></
script
>
5注释脚本
1
2
//
Thisisacomment
3
document.write(“Hello”);
//
Thisisacomment
4
/**/
/*
5
Allofthis isacomment
7
*/
2
//
Thisisacomment
3
document.write(“Hello”);
//
Thisisacomment
4

/**/
/*5
Allofthis isacomment7
*/
6输出到浏览器
1
document.write(“
<
strong
>
Hello
</
strong
>
”);
document.write(“
<
strong
>
Hello
</
strong
>
”);
7定义变量
1
var
myVariable
=
“somevalue”;
var
myVariable
=
“somevalue”;
8字符串相加
1
var
myString
=
“String1”
+
“String2”;
var
myString
=
“String1”
+
“String2”;
9字符串搜索
1
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myVariable
=
“Hellothere”;
4
var
therePlace
=
myVariable.search(“there”);
5
document.write(therePlace);
6
//
-->
7
</
script
>
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myVariable
=
“Hellothere”;4
var
therePlace
=
myVariable.search(“there”);5
document.write(therePlace);6
//
-->
7
</
script
>
10字符串替换
thisVar.replace(“Monday”,”Friday”);
11格式化字串
1
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myVariable
=
“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
var
firstString
=
“MyString”;
19
var
finalString
=
firstString.bold().toLowerCase().fontcolor(“red”);
20
//
-->
21
</
script
>
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myVariable
=
“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
var
firstString
=
“MyString”;19
var
finalString
=
firstString.bold().toLowerCase().fontcolor(“red”);20
//
-->
21
</
script
>
12创建数组
1
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myArray
=
new
Array(
5
);
4
myArray[
0
]
=
“FirstEntry”;
5
myArray[
1
]
=
“SecondEntry”;
6
myArray[
2
]
=
“ThirdEntry”;
7
myArray[
3
]
=
“FourthEntry”;
8
myArray[
4
]
=
“FifthEntry”;
9
var
anotherArray
=
new
Array(“FirstEntry”,”SecondEntry”,”ThirdEntry”,”FourthEntry”,”FifthEntry”);
10
//
-->
11
</
script
>
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myArray
=
new
Array(
5
);4
myArray[
0
]
=
“FirstEntry”;5
myArray[
1
]
=
“SecondEntry”;6
myArray[
2
]
=
“ThirdEntry”;7
myArray[
3
]
=
“FourthEntry”;8
myArray[
4
]
=
“FifthEntry”;9
var
anotherArray
=
new
Array(“FirstEntry”,”SecondEntry”,”ThirdEntry”,”FourthEntry”,”FifthEntry”);10
//
-->
11
</
script
>
13数组排序
1
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myArray
=
new
Array(
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
>
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myArray
=
new
Array(
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
var
myVariable
=
“a,b,c,d”;
4
var
stringArray
=
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
>
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
myVariable
=
“a,b,c,d”;4
var
stringArray
=
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
>
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
window.alert(“Hello”);4
//
-->
5
</
script
>
16弹出确认框
1
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
result
=
window.confirm(“ClickOKto
continue
”);
4
//
-->
5
</
script
>
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
var
result
=
window.confirm(“ClickOKto
continue
”);4
//
-->
5
</
script
>
17定义函数
1
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3
function
multiple(number1,number2)
{
4
varresult=number1*number2;
5
returnresult;
6
}
7
//
-->
8
</
script
>
<
scriptlanguage
=
”JavaScript”
>
2
<!--
3

function
multiple(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
>
<
ahref
=
”#”onClick
=
”functionName()”
>
Linktext
</
a
>
2
<
ahref
=
"
/”javascript:functionName
"
()”
>
Linktext
</
a
>
19在页面加载完成后执行函数
1
<
bodyonLoad
=
”functionName();”
>
2
Bodyofthepage
3
</
body
>
<
bodyonLoad
=
”functionName();”
>
2
Bodyofthepage3
</
body
>
20条件判断
1
<
script
>
2
<!--
3
var
userChoice
=
window.confirm(“ChooseOKorCancel”);
4
var
result
=
(userChoice
==
true
)
?
“OK”:“Cancel”;
5
document.write(result);
6
//
-->
7
</
script
>
<
script
>
2
<!--
3
var
userChoice
=
window.confirm(“ChooseOKorCancel”);4
var
result
=
(userChoice
==
true
)
?
“OK”:“Cancel”;5
document.write(result);6
//
-->
7
</
script
>
21指定次数循环
1
<
script
>
2
<!--
3
var
myArray
=
new
Array(
3
);
4
myArray[
0
]
=
“Item
0
”;
5
myArray[
1
]
=
“Item
1
”;
6
myArray[
2
]
=
“Item
2
”;
7
for
(i
=
0
;i
<
myArray.length;i
++
)
{
8
document.write(myArray[i]+“<br>”);
9
}
10
//
-->
11
</
script
>
12
<
script
>
2
<!--
3
var
myArray
=
new
Array(
3
);4
myArray[
0
]
=
“Item
0
”;5
myArray[
1
]
=
“Item
1
”;6
myArray[
2
]
=
“Item
2
”;7

for
(i
=
0
;i
<
myArray.length;i
++
)
{8
document.write(myArray[i]+“<br>”);9
}
10
//
-->
11
</
script
>
12
22设定将来执行
1
<
script
>
2
<!--
3
function
hello()
{
4
window.alert(“Hello”);
5
}
6
window.setTimeout(“hello()”,
5000
);
7
//
-->
8
</
script
>
9
<
script
>
2
<!--
3

function
hello()
{4
window.alert(“Hello”);5
}
6
window.setTimeout(“hello()”,
5000
);7
//
-->
8
</
script
>
9
23定时执行函数
1
<
script
>
2
<!--
3
function
hello()
{
4
window.alert(“Hello”);
5
window.setTimeout(“hello()”,5000);
6
}
7
window.setTimeout(“hello()”,
5000
);
8
//
-->
9
</
script
>
<
script
>
2
<!--
3

function
hello()
{4
window.alert(“Hello”);5
window.setTimeout(“hello()”,5000);6
}
7
window.setTimeout(“hello()”,
5000
);8
//
-->
9
</
script
>
24取消定时执行
1
<
script
>
2
<!--
3
function
hello()
{
4
window.alert(“Hello”);
5
}
6
var
myTimeout
=
window.setTimeout(“hello()”,
5000
);
7
window.clearTimeout(myTimeout);
8
//
-->
9
</
script
>
<
script
>
2
<!--
3

function
hello()
{4
window.alert(“Hello”);5
}
6
var
myTimeout
=
window.setTimeout(“hello()”,
5000
);7
window.clearTimeout(myTimeout);8
//
-->
9
</
script
>
25在页面卸载时候执行函数
1
<
bodyonUnload
=
”functionName();”
>
2
Bodyofthepage
3
</
body
>
4
<
bodyonUnload
=
”functionName();”
>
2
Bodyofthepage3
</
body
>
4
本文介绍了JavaScript的基础语法,包括脚本创建、变量定义、字符串操作、数组使用及排序、函数定义与调用等。还展示了如何通过JavaScript与用户进行交互,如弹出警告信息和确认框。
4万+







这里收藏了,呵呵!!
JavaScript[对象.属性]集锦