JavaScript基础知识

1 创建脚本块
1<script language=”JavaScript”>
2      JavaScript code goes here
3</script> 

2 隐藏脚本代码
1<script language=”JavaScript”>
2<!--
3      document.write(“Hello”);
4// -->
5</script> 
在不支持JavaScript的浏览器中将不执行相关代码

3 浏览器不支持的时候显示
1<noscript>
2    Hello to the non-JavaScript browser.
3</noscript> 

4 链接外部脚本文件
1<script language=”JavaScript” src="/”filename.js"></script> 

5 注释脚本
1
2// This is a comment
3document.write(“Hello”); // This is a comment
4/*
5      All of this  is a comment
7*/
 

6 输出到浏览器 
1document.write(“<strong>Hello</strong>”);

7 定义变量
1var myVariable = “some value”; 

8 字符串相加 
1var myString = “String1” + “String2”; 

9 字符串搜索
1<script language=”JavaScript”>
2<!--
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 <script language=”JavaScript”>
 2 <!--
 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 
18 var firstString = “My String”;
19 var finalString = firstString.bold().toLowerCase().fontcolor(“red”);
20 // -->
21 </script> 

12 创建数组
 1<script language=”JavaScript”>
 2<!--
 3 var myArray = new Array(5);
 4myArray[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<script language=”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<script language=”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<script language=”JavaScript”>
2<!--
3     window.alert(“Hello”);
4// -->
5</script> 

16 弹出确认框
1<script language=”JavaScript”>
2<!--
3 var result = window.confirm(“Click OK to continue”);
4// -->
5</script> 

17 定义函数
1<script language=”JavaScript”>
2 <!--
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 @ 2006-07-27 14:09  meil  阅读(6372)  评论(7编辑  收藏  举报