您的位置：首页 > Web前端 > JavaScript

JavaScript基础知识

2006-07-30 07:29 721 查看

JavaScript基础知识
1 创建脚本块

1

JavaScript code goes here
3

</script>

2 隐藏脚本代码
1

<!--
3

document.write(“Hello”);
4

// -->
5

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

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

<noscript>
2

Hello to the non-JavaScript browser.
3

</noscript>

4 链接外部脚本文件

1

5 注释脚本

1

// This is a comment
3

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

/**//*
5

All of this
6

is a comment
7

*/

6 输出到浏览器

1

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

7 定义变量

1

var myVariable = “some value”;

8 字符串相加

1

var myString = “String1” + “String2”;

9 字符串搜索

1

<!--
3

var myVariable = “Hello there”;
4

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

document.write(therePlace);
6

// -->
7

</script>

10 字符串替换

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

11 格式化字串

1

<!--
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 创建数组

1

<!--
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 数组排序

1

<!--
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

<!--
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

<!--
3

window.alert(“Hello”);
4

// -->
5

</script>

16 弹出确认框

1

<!--
3

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

// -->
5

</script>

17 定义函数

1

<!--
3

function multiple(number1,number2)

{
4

var result = number1 * number2;
5

return result;
6

}
7

// -->
8

</script>

18 调用JS函数

1

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

<a href="/”javascript:functionName"()”>Link text</a>

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

1

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

Body of the page
3

</body>

20 条件判断

1

<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 指定次数循环

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

22 设定将来执行

1

<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>

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>

25 在页面卸载时候执行函数

1

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

Body of the page
3

</body>
4

posted on 2006-07-27 14:09 meil 阅读(203) 评论(2) 编辑收藏引用收藏至365Key 所属分类: JavaScript

FeedBack:

# re: JavaScript基础知识
2006-07-27 21:10 | 天轰穿

[align=left]http://thcjp.cnblogs.com/archive/2006/06/23/434310.html

这里收藏了,呵呵!! 回复
[/align]

# re: JavaScript基础知识
2006-07-27 21:32 | meil

[align=left]收藏一个好东东!!!
JavaScript[对象.属性]集锦
http://thcjp.cnblogs.com/archive/2006/06/23/434310.html 回复
[/align]

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航