1 创建脚本块
2 隐藏脚本代码
3 在不支持JavaScript的浏览器中将不执行相关代码
浏览器不支持的时候显示
4 链接外部脚本文件
5 注释脚本
6 输出到浏览器
7 定义变量
8 字符串相加
9 字符串搜索
10 字符串替换
11 格式化字串
12 创建数组
13 数组排序
14 分割字符串
15 弹出警告信息
16 弹出确认框
17 定义函数
18 调用JS函数
19 在页面加载完成后执行函数
20 条件判断
21 指定次数循环
22 设定将来执行
23 定时执行函数
24 取消定时执行
25 在页面卸载时候执行函数
<script language="JavaScript">
JavaScript code goes here
</script>
JavaScript code goes here
</script>
2 隐藏脚本代码
<script language="JavaScript">
<!--
document.write("Hello");
// -->
</script>
<!--
document.write("Hello");
// -->
</script>
3 在不支持JavaScript的浏览器中将不执行相关代码
浏览器不支持的时候显示
<noscript>
Hello to the non-JavaScript browser.
</noscript>
Hello to the non-JavaScript browser.
</noscript>
4 链接外部脚本文件
<script language="JavaScript" src="/"filename.js""></script>
5 注释脚本
// This is a comment
document.write("Hello"); // This is a comment by China_Y
/*
All of this
is a comment
*/
document.write("Hello"); // This is a comment by China_Y
/*
All of this
is a comment
*/
6 输出到浏览器
document.write("<strong>Hello</strong>");
7 定义变量
var myVariable = "some value";
8 字符串相加
var myString = "String1" + "String2";
9 字符串搜索
<script language="JavaScript">
<!--
var myVariable = "Hello there";
var therePlace = myVariable.search("there");
document.write(therePlace);
// -->
</script>
<!--
var myVariable = "Hello there";
var therePlace = myVariable.search("there");
document.write(therePlace);
// -->
</script>
10 字符串替换
thisVar.replace("Monday","Friday");
11 格式化字串
<script language="JavaScript">
<!--
var myVariable = "Hello there";
document.write(myVariable.big() + "<br>");
document.write(myVariable.blink() + "<br>");
document.write(myVariable.bold() + "<br>");
document.write(myVariable.fixed() + "<br>");
document.write(myVariable.fontcolor("red") + "<br>");
document.write(myVariable.fontsize("18pt") + "<br>");
document.write(myVariable.italics() + "<br>");
document.write(myVariable.small() + "<br>");
document.write(myVariable.strike() + "<br>");
document.write(myVariable.sub() + "<br>");
document.write(myVariable.sup() + "<br>");
document.write(myVariable.toLowerCase() + "<br>");
document.write(myVariable.toUpperCase() + "<br>");
var firstString = "My String";
var finalString = firstString.bold().toLowerCase().fontcolor("red");
// -->
</script>
<!--
var myVariable = "Hello there";
document.write(myVariable.big() + "<br>");
document.write(myVariable.blink() + "<br>");
document.write(myVariable.bold() + "<br>");
document.write(myVariable.fixed() + "<br>");
document.write(myVariable.fontcolor("red") + "<br>");
document.write(myVariable.fontsize("18pt") + "<br>");
document.write(myVariable.italics() + "<br>");
document.write(myVariable.small() + "<br>");
document.write(myVariable.strike() + "<br>");
document.write(myVariable.sub() + "<br>");
document.write(myVariable.sup() + "<br>");
document.write(myVariable.toLowerCase() + "<br>");
document.write(myVariable.toUpperCase() + "<br>");
var firstString = "My String";
var finalString = firstString.bold().toLowerCase().fontcolor("red");
// -->
</script>
12 创建数组
<script language="JavaScript">
<!--
var myArray = new Array(5);
myArray[0] = "First Entry";
myArray[1] = "Second Entry";
myArray[2] = "Third Entry";
myArray[3] = "Fourth Entry";
myArray[4] = "Fifth Entry";
var anotherArray = new Array("First Entry","Second Entry","Third Entry","Fourth Entry","Fifth Entry");
// -->
</script>
<!--
var myArray = new Array(5);
myArray[0] = "First Entry";
myArray[1] = "Second Entry";
myArray[2] = "Third Entry";
myArray[3] = "Fourth Entry";
myArray[4] = "Fifth Entry";
var anotherArray = new Array("First Entry","Second Entry","Third Entry","Fourth Entry","Fifth Entry");
// -->
</script>
13 数组排序
<script language="JavaScript">
<!--
var myArray = new Array(5);
myArray[0] = "z";
myArray[1] = "c";
myArray[2] = "d";
myArray[3] = "a";
myArray[4] = "q";
document.write(myArray.sort());
// -->
</script>
<!--
var myArray = new Array(5);
myArray[0] = "z";
myArray[1] = "c";
myArray[2] = "d";
myArray[3] = "a";
myArray[4] = "q";
document.write(myArray.sort());
// -->
</script>
14 分割字符串
<script language="JavaScript">
<!--
var myVariable = "a,b,c,d";
var stringArray = myVariable.split(",");
document.write(stringArray[0]);
document.write(stringArray[1]);
document.write(stringArray[2]);
document.write(stringArray[3]);
// -->
</script>
<!--
var myVariable = "a,b,c,d";
var stringArray = myVariable.split(",");
document.write(stringArray[0]);
document.write(stringArray[1]);
document.write(stringArray[2]);
document.write(stringArray[3]);
// -->
</script>
15 弹出警告信息
<script language="JavaScript">
<!--
window.alert("Hello");
// -->
</script>
<!--
window.alert("Hello");
// -->
</script>
16 弹出确认框
<script language="JavaScript">
<!--
var result = window.confirm("Click OK to continue");
// -->
</script>
<!--
var result = window.confirm("Click OK to continue");
// -->
</script>
17 定义函数
<script language="JavaScript">
<!--
function multiple(number1,number2) {
var result = number1 * number2;
return result;
}
// -->
</script>
<!--
function multiple(number1,number2) {
var result = number1 * number2;
return result;
}
// -->
</script>
18 调用JS函数
<a href="#" onClick="functionName()">Link text</a>
19 在页面加载完成后执行函数
<body onLoad="functionName();">
Body of the page
</body>
Body of the page
</body>
20 条件判断
<script>
<!--
var userChoice = window.confirm("Choose OK or Cancel");
var result = (userChoice == true) ? "OK" : "Cancel";
document.write(result);
// -->
</script>
<!--
var userChoice = window.confirm("Choose OK or Cancel");
var result = (userChoice == true) ? "OK" : "Cancel";
document.write(result);
// -->
</script>
21 指定次数循环
<script>
<!--
var myArray = new Array(3);
myArray[0] = "Item 0";
myArray[1] = "Item 1";
myArray[2] = "Item 2";
for (i = 0; i < myArray.length; i++) {
document.write(myArray[i] + "<br>");
}
// -->
</script>
<!--
var myArray = new Array(3);
myArray[0] = "Item 0";
myArray[1] = "Item 1";
myArray[2] = "Item 2";
for (i = 0; i < myArray.length; i++) {
document.write(myArray[i] + "<br>");
}
// -->
</script>
22 设定将来执行
<script>
<!--
function hello() {
window.alert("Hello");
}
window.setTimeout("hello()",5000);
// -->
</script>
<!--
function hello() {
window.alert("Hello");
}
window.setTimeout("hello()",5000);
// -->
</script>
23 定时执行函数
<script>
<!--
function hello() {
window.alert("Hello");
window.setTimeout("hello()",5000);
}
window.setTimeout("hello()",5000);
// -->
</script>
<!--
function hello() {
window.alert("Hello");
window.setTimeout("hello()",5000);
}
window.setTimeout("hello()",5000);
// -->
</script>
24 取消定时执行
<script>
<!--
function hello() {
window.alert("Hello");
}
var myTimeout = window.setTimeout("hello()",5000);
window.clearTimeout(myTimeout);
// -->
</script>
<!--
function hello() {
window.alert("Hello");
}
var myTimeout = window.setTimeout("hello()",5000);
window.clearTimeout(myTimeout);
// -->
</script>
25 在页面卸载时候执行函数
<body onUnload="functionName();">
Body of the page
</body>
Body of the page
</body>
内文分页： [1] [2]
查看分类：建站历程 出处：本站原创
第一个Bo-blog风格
本站永久域名：www.w
