JavaScript基础知识

1 创建脚本块

JavaScript code goes here
3

</script>

2 隐藏脚本代码

<!--
3

document.write(“Hello”);
4

// -->
5

</script>

在不支持JavaScript的浏览器中将不执行相关代码

3 浏览器不支持的时候显示

<noscript>
2

Hello to the non-JavaScript browser.
3

</noscript>

4 链接外部脚本文件

5 注释脚本

// This is a comment
3

document.write(“Hello”); // This is a comment
4

/*
5

All of this is a comment
7

6 输出到浏览器

document.write(“<strong>Hello</strong>”);

7 定义变量

var myVariable = “some value”;

8 字符串相加

var myString = “String1” + “String2”;

9 字符串搜索

<!--
3

var myVariable = “Hello there”;
4

var therePlace = myVariable.search(“there”);
5

document.write(therePlace);
6

// -->
7

</script>

10 字符串替换

thisVar.replace(“Monday”,”Friday”);

11 格式化字串

<!--
3

var myVariable = “Hello there”;
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

var firstString = “My String”;
19

var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
20

// -->
21

</script>

12 创建数组

<!--
3

var myArray = new Array(5);
4

myArray[0] = “First Entry”;
5

myArray[1] = “Second Entry”;
6

myArray[2] = “Third Entry”;
7

myArray[3] = “Fourth Entry”;
8

myArray[4] = “Fifth Entry”;
9

var anotherArray = new Array(“First Entry”,”Second Entry”,”Third Entry”,”Fourth Entry”,”Fifth Entry”);
10

// -->
11

</script>

13 数组排序

<!--
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 分割字符串

<!--
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 弹出警告信息

<!--
3

window.alert(“Hello”);
4

// -->
5

</script>

16 弹出确认框

<!--
3

var result = window.confirm(“Click OK to continue”);
4

// -->
5

</script>

17 定义函数

<!--
3

function multiple(number1,number2) {
4

var result = number1 * number2;
5

return result;
6

}
7

// -->
8

</script>

18 调用JS函数

<a href=”#” onClick=”functionName()”>Link text</a>
2

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

<body onLoad=”functionName();”>
2

Body of the page
3

</body>

20 条件判断

<script>
2

<!--
3

var userChoice = window.confirm(“Choose OK or Cancel”);
4

var result = (userChoice == true) ? “OK” : “Cancel”;
5

document.write(result);
6

// -->
7

</script>

21 指定次数循环

<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 设定将来执行

<script>
2

<!--
3

function hello() {
4

window.alert(“Hello”);
5

}
6

window.setTimeout(“hello()”,5000);
7

// -->
8

</script>
9

23 定时执行函数

<script>
2

<!--
3

function hello() {
4

window.alert(“Hello”);
5

window.setTimeout(“hello()”,5000);
6

}
7

window.setTimeout(“hello()”,5000);
8

// -->
9

</script>

24 取消定时执行

<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 在页面卸载时候执行函数

<body onUnload=”functionName();”>
2

Body of the page
3

</body>
4